Cookles y !

Cuery
SlsLemas Mulumedla
rofesor: !"#$%& !"()*"
+,-.
CCCklLS
un Cookle es una varlable que es almacenada
en el compuLador de cada vlslLanLe de una
deLermlnada paglna web.
Cada vez que el usuarlo lngrese a una paglna
de lnLerneL a Lraves de un deLermlnado
explorador, esLe sluo crea y/o lee cookles.
Con !avaScrlpL podemos crear y leer cookles,
Lenlendo en cuenLa la fecha, su valldez, su
conLenldo y su nombre.
lecha de creacln
valldez (fecha de explracln)
ConLenldo del cookle
nombre del cookle
Algunos e[emplos de Cookles
nombre -> Se accede a un sluo por prlmera
vez y esLe plde al usuarlo que, a Lraves de una
casllla prompL lnLroduzca su nombre.
una vez escrlLo el sluo crea un cookle con esLe
nombre en su lnLerlor.
ue ahl en adelanLe, cada vez que el usuarlo vlslLe
el sluo se despllega una alerLa que saluda al
usuarlo por su nombre.
lecha -> Se accede a un sluo por prlmera vez y
se almacena denLro del slsLema un cookle con
esa fecha.
ue ahl en adelanLe, cada vez que el usuarlo
lngrese de nuevo se le recordar cuando fue la
uluma vez que vlslL el sluo.
L[emplo - uulldad
Supongamos que un sluo web
exlge al usuarlo lngresar su
nombre en una casllla upo
prompL" para poder lngresar
slempre y cuando esLa sea la
prlmerza vez que lo hace.
1. se debe obLener la lnformacln lnLroduclda y crear
el cookle.
La lnformacln se puede obLener enganchando el
elemenLo que se neceslLe.
Ln nuesLro caso, como es a Lraves de un prompL se
hace de la slgulenLe manera:

var nombre=prompL("Lscrlba su nombre","nombre
apellldo"),

Creacln
Se llama la funcln de creacln:
creaLeCookle(nusuarlo",nombre,2),
// duracln de dos dlas.
La denlclon de la funclon serla la slgulenLe:
LecLura
luncln de lecLura del cookle
Con esLas funclones ya es senclllo reallzar algun upo de
conLrol:
Sl el cookle no esL presenLe se procede a pedlr el nombre
y crearlo.
Sl es esL presenLe se procede a saludar con un alerL.
!CuL8?
Cue es?
!query es una llbrerla !avaScrlpL que slmpllca
el recorrldo que se hace del documenLo P1ML
buscando un elemenLo (enganche).
1amblen slmpllca el mane[o de evenLos y las
anlmaclones.
Lnganche
or ld
AnLes: documenL.geLLlemenL8yld(ld_elem"),
Ahora: $(#ld_elem"),
or clase
AnLes:
documenL.geLelemenLs8yClassname(class_name"),
Ahora: $(.class_name"),
ALrlbuLos - clase
CbLener un elemenLo dado y agregarle una
clase
AnLes:
var elemenLo= documenL.geLLlemenL8?ld(ld_n"),
LlemenLo.seLAurlbuLe(class", class_name"),
Ahora:
$(#ld_n").addClass(class_name"),
CbLener un elemenLo dado y qulLarle la clase

AnLes:
var elemenLo= documenL.geLLlemenL8?ld(ld_n"),
LlemenLo.seLAurlbuLe(class", "),
Ahora:
$(#ld_n").removeClass(class_name"),
ALrlbuLos - general
CbLener el aLrlbuLo de un elemenLo
deLermlnado.
AnLes:
var elemenLo= documenL.geLLlemenL8?ld(ld_n"),
var LexLo=LlemenLo.geLAurlbuLe(alL"),
Ahora:
var LexLo=$(#ld_n").aur(alL"),

ALrlbuLos - general
Camblar el aLrlbuLo de un elemenLo
deLermlnado.
AnLes:
var elemenLo= documenL.geLLlemenL8?ld(ld_n"),
var LexLo=LlemenLo.seLAurlbuLe(alL","new_value"),
Ahora:
$(#ld_n").aur(alL", new_value"),
verlcar una clase - hasClass()
verlcar sl un elemenLo deLermlnado uene una clase
$(#ld_elem").hasClass(acuve"),
verlcar sl un grupo de elemenLos uene una clase:
$(ul#menu > ll ").hasClass(acuve"),
LsLe meLodo devuelve falso o verdadero unlcamenLe!
LfecLos
CculLar y/o mosLrar un elemenLo con algun efecLo.
.fadeln(): hace aparecer el elemenLo poco a poco.
.fadeCuL(): hace desaparecer el elemenLo poco a poco
hasLa ue sea LransparenLe.
.Loggle()
.fade1oggle()
.sllde1oggle()
.show()
.hlde()
hup://apl.[query.com/caLegory/eecLs/


LvenLos
Su reglsLro es muy slmllar a lo vlsLo hasLa el
momenLo.
$(buuon").cllck(funcuon()[
cdlgo a e[ecuLar cuando se haga cllck,
}),
hup://apl.[query.com/caLegory/evenLs/

L[emplo
Ll slgulenLe
cdlgo
represenLa una
slmple paglna
P1ML
L[emplo
8evlsemos el efecLo que uene hacer cllck en el
boLn Logle del e[emplo. Ls correcLo?
Cual es el problema?
uownload
hup://[query.com/download/?rdfrom=hup
3A2l2ldocs.[query.com2lmw
2llndex.php3luLle
3uuownloadlng_[Cuery26redlrecL3uno
8lbllograna
hup://www.w3.org/uCM/
rofessore AnLonlo Servem, Amblenu per la mulumedlallLa - ollLecnlco dl 1orlno
- 2011.
CharAL: hup://www.w3schools.com/[sref/[sref_charaL.asp
Cookle: hup://www.w3schools.com/[s/[s_cookles.asp
rompL: hup://www.w3schools.com/[s/[s_popup.asp
uaLe: hup://www.w3schools.com/[s/[s_ob[_daLe.asp
lndexCf: hup://www.w3schools.com/[sref/[sref_lndexof.asp
!query: hup://[query.com/