Le 6/18/09 12:55 PM, yoyo a écrit :Bruno Desthuilliers wrote:yoyo a écrit :
disons que j'ai commencé la programmation par le js, et comme j'étais
pas trop a l'aise en prog j'ai mis sur ça sur le compte du js.
>Depuis j'ai fait un peu de php et de java, bon je galère encore en prog
mais moins.
Attention, le modèle objet de javascript est totalement différent de
ceux de PHP et Java.
je m'en doute.donc je pensais commencer par faire un petit menu déroulant sympas.
<utilisabilité>
Attention aussi à ce que tes pages soient utilisables sans javascript.
</utilisabilité>
je le sais mais vous utilisé le js pour faire quoi exactement.
Pour faire "joli" ? (essentiellement)
Pour pré-vérifier le remplissage d'un formulaire avant envoi.
(éviter des AR inutiles avec le serveur)
Pour charger à la volée des bouts de page dans celle déjà affichée.
(Ajax)
Pour faire apparaitre des divs si seulement nécessaires.
Pour permettre au visiteur de choisir une feuille de styles parmi
plusieurs proposées (et que le navigateur s'en souvienne pour le
prochain passage)
Pour la présentation des galeries d'images ?
<http://www.asp-php.net/scripts/scripting/array_sort.php>
<http://www.walterzorn.com/dragdrop/dragdrop_e.htm>
<http://jquery.com/demo/thickbox/>
<http://www.dolem.com/lytebox/>
Un truc ne servant à rien:
<http://homepage.mac.com/jorgechamorro/> fonctionne pas avec IE
<http://luke.breuer.com/tutorial/javascript-context-menu-tutorial.htm>
Peu importe ce qu'on fait avec le JS, il faut que ça puisse *aussi*
fonctionner quand le JS est désactivé (tant pis pour les images
volantes, l'horloge, les roll-overs (qu'on fait en CSS de nos jours), la
vérif du formulaire (qui devra de ttes façons se faire aussi côté
serveur)) tout au moins pour l'utile et indispensable.
(on peut peut-être zapper l'album-photo de la belle-mère entièrement
réalisé en lytebox ?)
Le 6/18/09 12:55 PM, yoyo a écrit :
Bruno Desthuilliers wrote:
yoyo a écrit :
disons que j'ai commencé la programmation par le js, et comme j'étais
pas trop a l'aise en prog j'ai mis sur ça sur le compte du js.
>
Depuis j'ai fait un peu de php et de java, bon je galère encore en prog
mais moins.
Attention, le modèle objet de javascript est totalement différent de
ceux de PHP et Java.
je m'en doute.
donc je pensais commencer par faire un petit menu déroulant sympas.
<utilisabilité>
Attention aussi à ce que tes pages soient utilisables sans javascript.
</utilisabilité>
je le sais mais vous utilisé le js pour faire quoi exactement.
Pour faire "joli" ? (essentiellement)
Pour pré-vérifier le remplissage d'un formulaire avant envoi.
(éviter des AR inutiles avec le serveur)
Pour charger à la volée des bouts de page dans celle déjà affichée.
(Ajax)
Pour faire apparaitre des divs si seulement nécessaires.
Pour permettre au visiteur de choisir une feuille de styles parmi
plusieurs proposées (et que le navigateur s'en souvienne pour le
prochain passage)
Pour la présentation des galeries d'images ?
<http://www.asp-php.net/scripts/scripting/array_sort.php>
<http://www.walterzorn.com/dragdrop/dragdrop_e.htm>
<http://jquery.com/demo/thickbox/>
<http://www.dolem.com/lytebox/>
Un truc ne servant à rien:
<http://homepage.mac.com/jorgechamorro/> fonctionne pas avec IE
<http://luke.breuer.com/tutorial/javascript-context-menu-tutorial.htm>
Peu importe ce qu'on fait avec le JS, il faut que ça puisse *aussi*
fonctionner quand le JS est désactivé (tant pis pour les images
volantes, l'horloge, les roll-overs (qu'on fait en CSS de nos jours), la
vérif du formulaire (qui devra de ttes façons se faire aussi côté
serveur)) tout au moins pour l'utile et indispensable.
(on peut peut-être zapper l'album-photo de la belle-mère entièrement
réalisé en lytebox ?)
Le 6/18/09 12:55 PM, yoyo a écrit :Bruno Desthuilliers wrote:yoyo a écrit :
disons que j'ai commencé la programmation par le js, et comme j'étais
pas trop a l'aise en prog j'ai mis sur ça sur le compte du js.
>Depuis j'ai fait un peu de php et de java, bon je galère encore en prog
mais moins.
Attention, le modèle objet de javascript est totalement différent de
ceux de PHP et Java.
je m'en doute.donc je pensais commencer par faire un petit menu déroulant sympas.
<utilisabilité>
Attention aussi à ce que tes pages soient utilisables sans javascript.
</utilisabilité>
je le sais mais vous utilisé le js pour faire quoi exactement.
Pour faire "joli" ? (essentiellement)
Pour pré-vérifier le remplissage d'un formulaire avant envoi.
(éviter des AR inutiles avec le serveur)
Pour charger à la volée des bouts de page dans celle déjà affichée.
(Ajax)
Pour faire apparaitre des divs si seulement nécessaires.
Pour permettre au visiteur de choisir une feuille de styles parmi
plusieurs proposées (et que le navigateur s'en souvienne pour le
prochain passage)
Pour la présentation des galeries d'images ?
<http://www.asp-php.net/scripts/scripting/array_sort.php>
<http://www.walterzorn.com/dragdrop/dragdrop_e.htm>
<http://jquery.com/demo/thickbox/>
<http://www.dolem.com/lytebox/>
Un truc ne servant à rien:
<http://homepage.mac.com/jorgechamorro/> fonctionne pas avec IE
<http://luke.breuer.com/tutorial/javascript-context-menu-tutorial.htm>
Peu importe ce qu'on fait avec le JS, il faut que ça puisse *aussi*
fonctionner quand le JS est désactivé (tant pis pour les images
volantes, l'horloge, les roll-overs (qu'on fait en CSS de nos jours), la
vérif du formulaire (qui devra de ttes façons se faire aussi côté
serveur)) tout au moins pour l'utile et indispensable.
(on peut peut-être zapper l'album-photo de la belle-mère entièrement
réalisé en lytebox ?)
Le 6/19/09 9:53 PM, yoyo a écrit :vous utilisé le js pour faire quoi exactement.
Des pages dynamiques ?-)
c'est a dire ?
par exemple, ça (complètement inutile) :
<html>
<script type="text/javascript">
var t = [ 'un Bonjour', 'dynamickch !', 'pour Yoyo'];
var n, h=0;
function zoom() {
n++;
if(h<3){
if(n<150) {
document.getElementById('slut').innerHTML = t[h];
document.getElementById('slut').style.fontSize = n + 'px';
document.getElementById('slut').style.marginTop = '-' + n/2 + 'px';
setTimeout('zoom()',30);
}
else { n; h++; zoom(); }
}
else document.getElementById('slut').style.display = 'none';
}
window.onload = zoom;
</script>
<style type="text/css">
#slut { color:red; text-align:center; position:absolute; top:40%;
width:100% }
</style>
<h1 id="slut">hello</h1>
</html>
Le 6/19/09 9:53 PM, yoyo a écrit :
vous utilisé le js pour faire quoi exactement.
Des pages dynamiques ?-)
c'est a dire ?
par exemple, ça (complètement inutile) :
<html>
<script type="text/javascript">
var t = [ 'un Bonjour', 'dynamickch !', 'pour Yoyo'];
var n, h=0;
function zoom() {
n++;
if(h<3){
if(n<150) {
document.getElementById('slut').innerHTML = t[h];
document.getElementById('slut').style.fontSize = n + 'px';
document.getElementById('slut').style.marginTop = '-' + n/2 + 'px';
setTimeout('zoom()',30);
}
else { n; h++; zoom(); }
}
else document.getElementById('slut').style.display = 'none';
}
window.onload = zoom;
</script>
<style type="text/css">
#slut { color:red; text-align:center; position:absolute; top:40%;
width:100% }
</style>
<h1 id="slut">hello</h1>
</html>
Le 6/19/09 9:53 PM, yoyo a écrit :vous utilisé le js pour faire quoi exactement.
Des pages dynamiques ?-)
c'est a dire ?
par exemple, ça (complètement inutile) :
<html>
<script type="text/javascript">
var t = [ 'un Bonjour', 'dynamickch !', 'pour Yoyo'];
var n, h=0;
function zoom() {
n++;
if(h<3){
if(n<150) {
document.getElementById('slut').innerHTML = t[h];
document.getElementById('slut').style.fontSize = n + 'px';
document.getElementById('slut').style.marginTop = '-' + n/2 + 'px';
setTimeout('zoom()',30);
}
else { n; h++; zoom(); }
}
else document.getElementById('slut').style.display = 'none';
}
window.onload = zoom;
</script>
<style type="text/css">
#slut { color:red; text-align:center; position:absolute; top:40%;
width:100% }
</style>
<h1 id="slut">hello</h1>
</html>
en effet c'est sympas, c'est ce genre d'effet que j'aimerais introduire dans
mes sites.
en effet c'est sympas, c'est ce genre d'effet que j'aimerais introduire dans
mes sites.
en effet c'est sympas, c'est ce genre d'effet que j'aimerais introduire dans
mes sites.
Le 6/20/09 11:53 AM, yoyo a écrit :
en effet c'est sympas, c'est ce genre d'effet que j'aimerais introduire
dans
mes sites.
Il faut savoir qu'on peut aussi obtenir des truc "sympas" sans aucun JS,
uniquement en CSS
Le site de référence :
<http://www.cssplay.co.uk/> (des heures de découvertes !)
Pour les images :
<http://www.cssplay.co.uk/menu/>
<http://www.cssplay.co.uk/menu/gallery.html>
à la façon light box :
<http://www.cssplay.co.uk/menu/lightbox-hover.html>
et mon préféré :
<http://www.cssplay.co.uk/menu/scroller>
Pour les menus :
<http://www.cssplay.co.uk/menus/index.html>
Le 6/20/09 11:53 AM, yoyo a écrit :
en effet c'est sympas, c'est ce genre d'effet que j'aimerais introduire
dans
mes sites.
Il faut savoir qu'on peut aussi obtenir des truc "sympas" sans aucun JS,
uniquement en CSS
Le site de référence :
<http://www.cssplay.co.uk/> (des heures de découvertes !)
Pour les images :
<http://www.cssplay.co.uk/menu/>
<http://www.cssplay.co.uk/menu/gallery.html>
à la façon light box :
<http://www.cssplay.co.uk/menu/lightbox-hover.html>
et mon préféré :
<http://www.cssplay.co.uk/menu/scroller>
Pour les menus :
<http://www.cssplay.co.uk/menus/index.html>
Le 6/20/09 11:53 AM, yoyo a écrit :
en effet c'est sympas, c'est ce genre d'effet que j'aimerais introduire
dans
mes sites.
Il faut savoir qu'on peut aussi obtenir des truc "sympas" sans aucun JS,
uniquement en CSS
Le site de référence :
<http://www.cssplay.co.uk/> (des heures de découvertes !)
Pour les images :
<http://www.cssplay.co.uk/menu/>
<http://www.cssplay.co.uk/menu/gallery.html>
à la façon light box :
<http://www.cssplay.co.uk/menu/lightbox-hover.html>
et mon préféré :
<http://www.cssplay.co.uk/menu/scroller>
Pour les menus :
<http://www.cssplay.co.uk/menus/index.html>
SAM wrote:Le 6/19/09 9:53 PM, yoyo a écrit :vous utilisé le js pour faire quoi exactement.
Des pages dynamiques ?-)
c'est a dire ?
par exemple, ça (complètement inutile) :
je vois,
bon il va falloir que je trouve un bon tuto pour arrivé à faire de chose
sympa alors
SAM wrote:
Le 6/19/09 9:53 PM, yoyo a écrit :
vous utilisé le js pour faire quoi exactement.
Des pages dynamiques ?-)
c'est a dire ?
par exemple, ça (complètement inutile) :
je vois,
bon il va falloir que je trouve un bon tuto pour arrivé à faire de chose
sympa alors
SAM wrote:Le 6/19/09 9:53 PM, yoyo a écrit :vous utilisé le js pour faire quoi exactement.
Des pages dynamiques ?-)
c'est a dire ?
par exemple, ça (complètement inutile) :
je vois,
bon il va falloir que je trouve un bon tuto pour arrivé à faire de chose
sympa alors
SAM wrote:Le 6/20/09 11:53 AM, yoyo a écrit :en effet c'est sympas, c'est ce genre d'effet que j'aimerais introduire
dans mes sites.
Il faut savoir qu'on peut aussi obtenir des truc "sympas" sans aucun JS,
uniquement en CSS
Le site de référence :
<http://www.cssplay.co.uk/> (des heures de découvertes !)
oui en effet, mais je me demande si les css ce n'est pas limité pour
certains effets.
SAM wrote:
Le 6/20/09 11:53 AM, yoyo a écrit :
en effet c'est sympas, c'est ce genre d'effet que j'aimerais introduire
dans mes sites.
Il faut savoir qu'on peut aussi obtenir des truc "sympas" sans aucun JS,
uniquement en CSS
Le site de référence :
<http://www.cssplay.co.uk/> (des heures de découvertes !)
oui en effet, mais je me demande si les css ce n'est pas limité pour
certains effets.
SAM wrote:Le 6/20/09 11:53 AM, yoyo a écrit :en effet c'est sympas, c'est ce genre d'effet que j'aimerais introduire
dans mes sites.
Il faut savoir qu'on peut aussi obtenir des truc "sympas" sans aucun JS,
uniquement en CSS
Le site de référence :
<http://www.cssplay.co.uk/> (des heures de découvertes !)
oui en effet, mais je me demande si les css ce n'est pas limité pour
certains effets.
Le 6/20/09 12:00 PM, yoyo a écrit :SAM wrote:Le 6/19/09 9:53 PM, yoyo a écrit :vous utilisé le js pour faire quoi exactement.
Des pages dynamiques ?-)
c'est a dire ?
par exemple, ça (complètement inutile) :
(snip)je vois,
bon il va falloir que je trouve un bon tuto pour arrivé à faire de chose
sympa alors
Bonne connaissance des CSS requise
<http://www.yoyodesign.org/doc/w3c/css2/indexlist.html>
Bonne connaissance du DOM requise
<https://developer.mozilla.org/fr/DOM>
<https://developer.mozilla.org/fr/%c3%80_propos_du_Document_Object_Model>
et donc du HTML :
<http://www.la-grange.net/w3c/html4.01/cover.html>
et de qques "standards" :
<http://www.la-grange.net/w3c/>
Des tutos : ça n'existe pas
On pose la question de ce qu'on veut faire à Google,
il nous trouve (ou pas) tt un tas de scripts tous faits.
Attention ! ces scripts sont parfois très mal foutus ou trop vieux.
Sinon un bon site pour généralités et plus :
<http://fr.selfhtml.org/javascript/index.htm>
<http://fr.selfhtml.org/navigation/recherche/index.htm>
et entrer par exemple 'getElementById' dans le champ de recherche
Ha!
Deux méthodes pour passer une loupe sur une image :
En CSS par Stuart Nicholls :
<http://www.cssplay.co.uk/menu/enlarge>
En JS par Laurent Vilday :
<http://mokhet.com/tests/zoom_image_v3.html>
Autre :
En JavaScript, un texte arc-en-ciel :
<http://www.krazydad.com/makecolors.php>
mais surtout pas mal d'infos quant à la couleur et ses manipulations, en
particulier en JS
L'Ajax :
<https://developer.mozilla.org/fr/AJAX>
<https://developer.mozilla.org/fr/AJAX/Premiers_pas>
<http://www.openweb.eu.org/articles/objet_xmlhttprequest/>
bon ... je dois bien avoir 250 signets (favoris) concernant le JS
Le 6/20/09 12:00 PM, yoyo a écrit :
SAM wrote:
Le 6/19/09 9:53 PM, yoyo a écrit :
vous utilisé le js pour faire quoi exactement.
Des pages dynamiques ?-)
c'est a dire ?
par exemple, ça (complètement inutile) :
(snip)
je vois,
bon il va falloir que je trouve un bon tuto pour arrivé à faire de chose
sympa alors
Bonne connaissance des CSS requise
<http://www.yoyodesign.org/doc/w3c/css2/indexlist.html>
Bonne connaissance du DOM requise
<https://developer.mozilla.org/fr/DOM>
<https://developer.mozilla.org/fr/%c3%80_propos_du_Document_Object_Model>
et donc du HTML :
<http://www.la-grange.net/w3c/html4.01/cover.html>
et de qques "standards" :
<http://www.la-grange.net/w3c/>
Des tutos : ça n'existe pas
On pose la question de ce qu'on veut faire à Google,
il nous trouve (ou pas) tt un tas de scripts tous faits.
Attention ! ces scripts sont parfois très mal foutus ou trop vieux.
Sinon un bon site pour généralités et plus :
<http://fr.selfhtml.org/javascript/index.htm>
<http://fr.selfhtml.org/navigation/recherche/index.htm>
et entrer par exemple 'getElementById' dans le champ de recherche
Ha!
Deux méthodes pour passer une loupe sur une image :
En CSS par Stuart Nicholls :
<http://www.cssplay.co.uk/menu/enlarge>
En JS par Laurent Vilday :
<http://mokhet.com/tests/zoom_image_v3.html>
Autre :
En JavaScript, un texte arc-en-ciel :
<http://www.krazydad.com/makecolors.php>
mais surtout pas mal d'infos quant à la couleur et ses manipulations, en
particulier en JS
L'Ajax :
<https://developer.mozilla.org/fr/AJAX>
<https://developer.mozilla.org/fr/AJAX/Premiers_pas>
<http://www.openweb.eu.org/articles/objet_xmlhttprequest/>
bon ... je dois bien avoir 250 signets (favoris) concernant le JS
Le 6/20/09 12:00 PM, yoyo a écrit :SAM wrote:Le 6/19/09 9:53 PM, yoyo a écrit :vous utilisé le js pour faire quoi exactement.
Des pages dynamiques ?-)
c'est a dire ?
par exemple, ça (complètement inutile) :
(snip)je vois,
bon il va falloir que je trouve un bon tuto pour arrivé à faire de chose
sympa alors
Bonne connaissance des CSS requise
<http://www.yoyodesign.org/doc/w3c/css2/indexlist.html>
Bonne connaissance du DOM requise
<https://developer.mozilla.org/fr/DOM>
<https://developer.mozilla.org/fr/%c3%80_propos_du_Document_Object_Model>
et donc du HTML :
<http://www.la-grange.net/w3c/html4.01/cover.html>
et de qques "standards" :
<http://www.la-grange.net/w3c/>
Des tutos : ça n'existe pas
On pose la question de ce qu'on veut faire à Google,
il nous trouve (ou pas) tt un tas de scripts tous faits.
Attention ! ces scripts sont parfois très mal foutus ou trop vieux.
Sinon un bon site pour généralités et plus :
<http://fr.selfhtml.org/javascript/index.htm>
<http://fr.selfhtml.org/navigation/recherche/index.htm>
et entrer par exemple 'getElementById' dans le champ de recherche
Ha!
Deux méthodes pour passer une loupe sur une image :
En CSS par Stuart Nicholls :
<http://www.cssplay.co.uk/menu/enlarge>
En JS par Laurent Vilday :
<http://mokhet.com/tests/zoom_image_v3.html>
Autre :
En JavaScript, un texte arc-en-ciel :
<http://www.krazydad.com/makecolors.php>
mais surtout pas mal d'infos quant à la couleur et ses manipulations, en
particulier en JS
L'Ajax :
<https://developer.mozilla.org/fr/AJAX>
<https://developer.mozilla.org/fr/AJAX/Premiers_pas>
<http://www.openweb.eu.org/articles/objet_xmlhttprequest/>
bon ... je dois bien avoir 250 signets (favoris) concernant le JS
>
L'Ajax :
<https://developer.mozilla.org/fr/AJAX>
<https://developer.mozilla.org/fr/AJAX/Premiers_pas>
<http://www.openweb.eu.org/articles/objet_xmlhttprequest/>
bon ... je dois bien avoir 250 signets (favoris) concernant le JS
>
L'Ajax :
<https://developer.mozilla.org/fr/AJAX>
<https://developer.mozilla.org/fr/AJAX/Premiers_pas>
<http://www.openweb.eu.org/articles/objet_xmlhttprequest/>
bon ... je dois bien avoir 250 signets (favoris) concernant le JS
>
L'Ajax :
<https://developer.mozilla.org/fr/AJAX>
<https://developer.mozilla.org/fr/AJAX/Premiers_pas>
<http://www.openweb.eu.org/articles/objet_xmlhttprequest/>
bon ... je dois bien avoir 250 signets (favoris) concernant le JS
L'Ajax :
<https://developer.mozilla.org/fr/AJAX>
<https://developer.mozilla.org/fr/AJAX/Premiers_pas>
<http://www.openweb.eu.org/articles/objet_xmlhttprequest/>
bon ... je dois bien avoir 250 signets (favoris) concernant le JS
Dans toutes les recherches sur le js, on montre comment utiliser le langage,
mais on parles jamais de l'hiérachie du DOM.
L'Ajax :
<https://developer.mozilla.org/fr/AJAX>
<https://developer.mozilla.org/fr/AJAX/Premiers_pas>
<http://www.openweb.eu.org/articles/objet_xmlhttprequest/>
bon ... je dois bien avoir 250 signets (favoris) concernant le JS
Dans toutes les recherches sur le js, on montre comment utiliser le langage,
mais on parles jamais de l'hiérachie du DOM.
L'Ajax :
<https://developer.mozilla.org/fr/AJAX>
<https://developer.mozilla.org/fr/AJAX/Premiers_pas>
<http://www.openweb.eu.org/articles/objet_xmlhttprequest/>
bon ... je dois bien avoir 250 signets (favoris) concernant le JS
Dans toutes les recherches sur le js, on montre comment utiliser le langage,
mais on parles jamais de l'hiérachie du DOM.
Le 6/21/09 12:34 PM, yoyo a écrit :L'Ajax :
<https://developer.mozilla.org/fr/AJAX>
<https://developer.mozilla.org/fr/AJAX/Premiers_pas>
<http://www.openweb.eu.org/articles/objet_xmlhttprequest/>
bon ... je dois bien avoir 250 signets (favoris) concernant le JS
Dans toutes les recherches sur le js, on montre comment utiliser le
langage, mais on parles jamais de l'hiérachie du DOM.
Il y a une hiérarchie dans le DOM?
En ancien JS non DOM appelé aussi DOM.0, la hiérarchie est :
window
document
frames
forms
elements
type
value
images
src
width
height
anchors
links
href
applets
cookie
embeds
Où 'window' peut être omis lors d'appel à un des éléments/objet de la
"hiérarchie"
var total = document.forms['form1'].elements['total'].value;
ou :
var total = document.form1.total.value;
Au window.document s'ajoutent les propriétés
document.referrer
document.location
document.lastModified
document.title
et qques autres open(), write() close() ... etc
Pour la manipulation/apprentissage du JS à l'ancienne mode (< 1.5 ?) :
<http://pagesperso-orange.fr/chatinais/coursjs/somrjs.htm>
<http://www.salemioche.net/javascript.php>
En JS DOM>0 ce pourra être :
var total;
if(document.getElementByName)
total = document.getElementByName('total').value;
if(document.getElementsByName)
total = document.getElementsByName('total')[0].value;
else if(document.getElementsById &&
document.getElementsById('total') )
total = document.getElementsById('total').value;
else if(document.getElementsByTagName('INPUT'))
var I = document.getElementsByTagName('INPUT'), n = I.length;
while(n--) if(I[n].name == 'total') total = I[n].value;
à condition qu'il n'y ait qu'un seul input nommé 'total'
Attention !
pour IE
getElementsById va prendre indifféremment le name ou le id de l'élément
comme référence (si l'élément n'a pas d'id le name sera considéré comme
OK). La 3ième condition ci-dessus va donc satisfaire IE si on a :
<input name="total" type="text">
De toutes façons pour les formulaires il vaut mieux travailler à
l'ancienne mode, le parsing créant l'arbre JS.DOM0 se faisant
systématiquement au chargement de la page, autant s'en servir.
Pour les DOM ultérieurs, la hiérarchie n'est que :
window
document
body
get/setElement_en_tous_genres
qques méthodes pour les objets finaux
get/setAttribute etc...
plus qques autres méthodes
Le 6/21/09 12:34 PM, yoyo a écrit :
L'Ajax :
<https://developer.mozilla.org/fr/AJAX>
<https://developer.mozilla.org/fr/AJAX/Premiers_pas>
<http://www.openweb.eu.org/articles/objet_xmlhttprequest/>
bon ... je dois bien avoir 250 signets (favoris) concernant le JS
Dans toutes les recherches sur le js, on montre comment utiliser le
langage, mais on parles jamais de l'hiérachie du DOM.
Il y a une hiérarchie dans le DOM?
En ancien JS non DOM appelé aussi DOM.0, la hiérarchie est :
window
document
frames
forms
elements
type
value
images
src
width
height
anchors
links
href
applets
cookie
embeds
Où 'window' peut être omis lors d'appel à un des éléments/objet de la
"hiérarchie"
var total = document.forms['form1'].elements['total'].value;
ou :
var total = document.form1.total.value;
Au window.document s'ajoutent les propriétés
document.referrer
document.location
document.lastModified
document.title
et qques autres open(), write() close() ... etc
Pour la manipulation/apprentissage du JS à l'ancienne mode (< 1.5 ?) :
<http://pagesperso-orange.fr/chatinais/coursjs/somrjs.htm>
<http://www.salemioche.net/javascript.php>
En JS DOM>0 ce pourra être :
var total;
if(document.getElementByName)
total = document.getElementByName('total').value;
if(document.getElementsByName)
total = document.getElementsByName('total')[0].value;
else if(document.getElementsById &&
document.getElementsById('total') )
total = document.getElementsById('total').value;
else if(document.getElementsByTagName('INPUT'))
var I = document.getElementsByTagName('INPUT'), n = I.length;
while(n--) if(I[n].name == 'total') total = I[n].value;
à condition qu'il n'y ait qu'un seul input nommé 'total'
Attention !
pour IE
getElementsById va prendre indifféremment le name ou le id de l'élément
comme référence (si l'élément n'a pas d'id le name sera considéré comme
OK). La 3ième condition ci-dessus va donc satisfaire IE si on a :
<input name="total" type="text">
De toutes façons pour les formulaires il vaut mieux travailler à
l'ancienne mode, le parsing créant l'arbre JS.DOM0 se faisant
systématiquement au chargement de la page, autant s'en servir.
Pour les DOM ultérieurs, la hiérarchie n'est que :
window
document
body
get/setElement_en_tous_genres
qques méthodes pour les objets finaux
get/setAttribute etc...
plus qques autres méthodes
Le 6/21/09 12:34 PM, yoyo a écrit :L'Ajax :
<https://developer.mozilla.org/fr/AJAX>
<https://developer.mozilla.org/fr/AJAX/Premiers_pas>
<http://www.openweb.eu.org/articles/objet_xmlhttprequest/>
bon ... je dois bien avoir 250 signets (favoris) concernant le JS
Dans toutes les recherches sur le js, on montre comment utiliser le
langage, mais on parles jamais de l'hiérachie du DOM.
Il y a une hiérarchie dans le DOM?
En ancien JS non DOM appelé aussi DOM.0, la hiérarchie est :
window
document
frames
forms
elements
type
value
images
src
width
height
anchors
links
href
applets
cookie
embeds
Où 'window' peut être omis lors d'appel à un des éléments/objet de la
"hiérarchie"
var total = document.forms['form1'].elements['total'].value;
ou :
var total = document.form1.total.value;
Au window.document s'ajoutent les propriétés
document.referrer
document.location
document.lastModified
document.title
et qques autres open(), write() close() ... etc
Pour la manipulation/apprentissage du JS à l'ancienne mode (< 1.5 ?) :
<http://pagesperso-orange.fr/chatinais/coursjs/somrjs.htm>
<http://www.salemioche.net/javascript.php>
En JS DOM>0 ce pourra être :
var total;
if(document.getElementByName)
total = document.getElementByName('total').value;
if(document.getElementsByName)
total = document.getElementsByName('total')[0].value;
else if(document.getElementsById &&
document.getElementsById('total') )
total = document.getElementsById('total').value;
else if(document.getElementsByTagName('INPUT'))
var I = document.getElementsByTagName('INPUT'), n = I.length;
while(n--) if(I[n].name == 'total') total = I[n].value;
à condition qu'il n'y ait qu'un seul input nommé 'total'
Attention !
pour IE
getElementsById va prendre indifféremment le name ou le id de l'élément
comme référence (si l'élément n'a pas d'id le name sera considéré comme
OK). La 3ième condition ci-dessus va donc satisfaire IE si on a :
<input name="total" type="text">
De toutes façons pour les formulaires il vaut mieux travailler à
l'ancienne mode, le parsing créant l'arbre JS.DOM0 se faisant
systématiquement au chargement de la page, autant s'en servir.
Pour les DOM ultérieurs, la hiérarchie n'est que :
window
document
body
get/setElement_en_tous_genres
qques méthodes pour les objets finaux
get/setAttribute etc...
plus qques autres méthodes