Appeler un type de div : javascript
Fermé
Antoine
-
12 janv. 2011 à 18:03
Doctor C Messages postés 627 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 19 février 2016 - 13 janv. 2011 à 16:29
Doctor C Messages postés 627 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 19 février 2016 - 13 janv. 2011 à 16:29
A voir également:
- Javascript div
- Telecharger javascript - Télécharger - Langages
- Div c++ - Télécharger - Langages
- Afficher un tableau javascript en html ✓ - Forum Javascript
- Javascript echo ✓ - Forum PHP
- Node.js javascript runtime virus ✓ - Forum Virus
3 réponses
xamurai
Messages postés
223
Date d'inscription
mardi 11 janvier 2011
Statut
Membre
Dernière intervention
19 février 2013
15
Modifié par xamurai le 12/01/2011 à 20:48
Modifié par xamurai le 12/01/2011 à 20:48
suppose que div1 est une div
et tu veux lui attribuer une class en js, alors tu fais:
et tu veux lui attribuer une class en js, alors tu fais:
div1.className = "nomDeLaClasse";
Doctor C
Messages postés
627
Date d'inscription
mardi 12 juin 2007
Statut
Membre
Dernière intervention
19 février 2016
398
Modifié par Doctor C le 12/01/2011 à 20:43
Modifié par Doctor C le 12/01/2011 à 20:43
Avec des outils comme la bibliothèque Prototype.js (http://prototypejs.org/ ce qui revient à inclure un fichier javascript dans les pages qui l'utilise, tu peux obtenir très simplement tous les éléments de ta page qui possède une certaine classe.
En gros, pour faire ce que tu demandes avec Prototype.js, tu n'aurais qu'à:
1. Télécharger Prototype.js (c'est gratuit d'utilisation) et placer le fichier javascript avec tes autres scripts js dans ton projet.
Télécharger ici: https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js
2. Ajouter le fichier prototype.js à ta page web (dans le <head>):
<script type="text/javascript" src="prototype.js"></script>
3. Faire ta jolie fonction avec Prototype (disons que tu as mis "bloc" comme la classe de tes éléments) qui devrait te retourner la liste d'éléments désirés:
Retourne une liste des éléments de classe "bloc" à l'intérieur de ton div "image":
Ou plus précisément des divs avec classe "bloc":
Pour obtenir la taille, il sufft t'appeler la fonction size():
Ou pour boucler à travers le tableau, on peut utiliser un itérateur:
Bon, j'ai fait un peu long mais je trouve que Prototype js marche très bien. Je suppose qu'il existe un équivalent dans JQuery mais je ne suis pas familier avec ce dernier.
Bonne chance!
Echo "Lima Mike Alfa";
En gros, pour faire ce que tu demandes avec Prototype.js, tu n'aurais qu'à:
1. Télécharger Prototype.js (c'est gratuit d'utilisation) et placer le fichier javascript avec tes autres scripts js dans ton projet.
Télécharger ici: https://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js
2. Ajouter le fichier prototype.js à ta page web (dans le <head>):
<script type="text/javascript" src="prototype.js"></script>
3. Faire ta jolie fonction avec Prototype (disons que tu as mis "bloc" comme la classe de tes éléments) qui devrait te retourner la liste d'éléments désirés:
Retourne une liste des éléments de classe "bloc" à l'intérieur de ton div "image":
var divs = $('image').select('.bloc');
Ou plus précisément des divs avec classe "bloc":
var divs = $('image').select('div .bloc');
Pour obtenir la taille, il sufft t'appeler la fonction size():
var taille = divs.size();
Ou pour boucler à travers le tableau, on peut utiliser un itérateur:
divs.each(function(item) {
// Le code traitant chaque item étant un élément du tableau.
});
Bon, j'ai fait un peu long mais je trouve que Prototype js marche très bien. Je suppose qu'il existe un équivalent dans JQuery mais je ne suis pas familier avec ce dernier.
Bonne chance!
Echo "Lima Mike Alfa";
xamurai
Messages postés
223
Date d'inscription
mardi 11 janvier 2011
Statut
Membre
Dernière intervention
19 février 2013
15
Modifié par xamurai le 12/01/2011 à 20:56
Modifié par xamurai le 12/01/2011 à 20:56
Ce n'est pas vraiment le problème du topic...
tu utilises ceci pour élargir des fonctionalités d'un objet ou d'un tag
tu utilises ceci pour élargir des fonctionalités d'un objet ou d'un tag
Doctor C
Messages postés
627
Date d'inscription
mardi 12 juin 2007
Statut
Membre
Dernière intervention
19 février 2016
398
13 janv. 2011 à 16:29
13 janv. 2011 à 16:29
À y repenser, j'avoue que je me suis compliqué la vie mais c'est toujours bon d'être conscient de ce qui est disponible sur le Web.
En plus, quand on doit circuler d'avantage dans les tags html, c'est très pratique.
En plus, quand on doit circuler d'avantage dans les tags html, c'est très pratique.
Modifié par xamurai le 13/01/2011 à 16:33
div1.getElementsByTagName('div');cela de retour une liste de tous les divs dans div1.
suppose tu veux verifier la valeur de la class du premier sous-div de div1
var listes = div1.getElementsByTagName('div'); if(listes.length > 0) { alert(listes[0].className); }