[HTML / JS] getelementbyid aidez moi !!!

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [HTML / JS] getelementbyid aidez moi !!!

k666

dites non à petitmou

Salut,
j'aimerais obtenir tous les ID d'une page HTML avec du Javascript mais je ne sais pas comment faire ... peut être avec DOM ? ou ya t'il une solution plus facile et rapide ? j'aimerais par exemple que:

Code :

<html>
<body>
<div id="/1/">
<div id="/1/a">pouet</div>
</div>
<div id="/2/"></div>
</body>
</html>

la fonction ou quoique ce soit puisse me donner un tableau avec /1/ , /1/a , /2/ etc... !!! aidez moi silvous plait je galère je sais pas faire ça et c hyper urgent que j'y arrive merci

Publicité

gm_superstar

Appelez-moi Super

Commence déjà par corriger tes id :

http://www.w3.org/TR/html4/struct/global.html#adef-id

Citation :

This attribute assigns a name to an element. This name must be unique in a document.

Citation :

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-" ), underscores ("_" ), colons (":" ), and periods ("." ).

Message édité par gm_superstar le 13-11-2002 à 15:11:52

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

k666

dites non à petitmou

yaisse! bon merci pour le tuyau, ils seront toujours uniques mes ID pask'ils proviennent d'une base de données mais bon je coderai avec des '-' à la place des '/' mais sinon t'as pas une réponse pour balayer les ID ?

lorill

Code :

ids = new Array();
elems = document.getElementsByTagName("div" );
for(i=0;i<elems.length;i++)
{
ids[i] = elems.id; //ou un truc du genre, a verifier
)

k666

dites non à petitmou

cool c une façon de le faire!
mais est-ce possible, d'une certain façon, de faire :

all_ids = new Array();

all_ids = document.getElementById() ;

sans préciser lequel et qu'il y mette TOUT ?

lorill

ben c'est pas le but.
mais vu que tu dis que ces id viennent d'une base, pourquoi tu genererais pas le tableau en meme temps que la page :??:

gm_superstar

Appelez-moi Super

k666 a écrit a écrit :

cool

c une façon de le faire!
mais est-ce possible, d'une certain façon, de faire :

all_ids = new Array();

all_ids = document.getElementById() ;

sans préciser lequel et qu'il y mette TOUT ?

Non ça marche pas comme ça. Si tu veux récupérer tous les ids d'un élément particulier (DIV par exemple) dans ce cas la méthode de lorill est la bonne.

Si par contre tu as des ids sur tout un tas d'éléments différents ben il faut parcourir tout l'arbre DOM avec une chouette fonction récursive

Pour un élément donné :
- S'il a un attribut ID, le mettre dans le tableau.
- S'il a des enfants :
- Appeler la fonction pour chacun de ses enfants.

Mais il est clair que si les ids sont connus dans la base autant faire la requête qui va bien pour remplir dès le début le tableau JavaScript.

Message édité par gm_superstar le 13-11-2002 à 15:56:31

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

k666

dites non à petitmou

en fait j'essaye de changer dynamiquement la classe de mes éléments en fonction de certaines actions sur ceux ci, mais c'est controlé par un autre frame qui gère tout l'affichage ... maintenant je suis confronté à un ptit bug de IE je ne sais pas à quoi ça peut être du si vous pouvez m'aider ! j'ai deux exemples : un exemple dans lequel je change directement toutes les classes de mes trucs et un autre dans lequel j'alerte à chaque changement, le premier exemple me rend le tout transparent et c hyper chaint paske ça marche pas du coup par contre le deuxième, vu quia une alerte, je ne sais pourquoi il arrive à tout bien faire comme je lui ai dit ! si vous pouvez m'aider sur mozilla ça marche nickel mais pas sur IE et je sais pas quoi faire pour réparer ça: donc

1er exemple:

Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>
<style>
.uninitialized {
}
.init {
position:absolute;
top:20px; left:20px;
display:block;
font-size:30;
}
.doss_lev1_out {
position:relative;
left:10px;
font-size:16;
}
.doss_lev2_out {
position:relative;
left:20px;
font-size:14;
}
.doss_lev3_out {
position:relative;
left:30px;
font-size:12;
}
.act_lev1_out {
position:relative;
left:15px;
font-size:16;
}
.act_lev2_out {
position:relative;
left:25px;
font-size:14;
}
.act_lev3_out {
position:relative;
left:35px;
font-size:12;
}
</style>
</head>
<body onload="javascript:comeon('/1057/');">
<script>
function scanAndSet(do_what)
{
ids = new Array();
elems = document.getElementsByTagName("div" );
for(i=0;i<elems.length;i++)
{
if (elems[i].id.indexOf(do_what) == 0)
{
tmp = elems[i].id.split("/" );
level = tmp.length - 2 ;
if ( tmp[tmp.length-1] == "" )
{
nclass = "doss_lev"+level+"_out";
// alert(nclass);
document.getElementById(elems[i].id).className = nclass;
}
else
{
document.getElementById(elems[i].id).className = "act_lev"+level+"_out";
}
}
}
}
function comeon(do_what)
{
document.getElementById(do_what).className = "init";
window.setTimeout('scanAndSet('+do_what+')','1000');
}
</script>
<div id="/1057/" class="uninitialized">
Test avec URLS bidon
<div id="/1057/1058/">
(x)<A href="javascript:navgoto('/1057/1058');" color="blue">Sites</A>
<div id="/1057/1058/642">
(o)<A href="javascript:navgoto('/1057/1058/642');">Google site</A>
</div>
<div id="/1057/1058/641">
(o)<A href="javascript:navgoto('/1057/1058/641');">Forum hardware</A>
</div>
<div id="/1057/1058/643">
(o)<A href="javascript:navgoto('/1057/1058/643');">LeMonde</A>
</div>
</div>
<div id="/1057/1059/">
(x)<A href="javascript:navgoto('/1057/1059');">Images</A>
<div id="/1057/1059/644">
(o)<A href="javascript:navgoto('/1057/1059/644');">Doggy</A>
</div>
<div id="/1057/1059/649">
(o)<A href="javascript:navgoto('/1057/1059/649');">image sympa</A>
</div>
<div id="/1057/1059/650">
(o)<A href="javascript:navgoto('/1057/1059/650');">imageotte</A>
</div>
</div>
</div>
</body>
</html>

et deuxième exemple:

Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>
<style>
.uninitialized {
}
.init {
position:absolute;
top:20px; left:20px;
display:block;
font-size:30;
}
.doss_lev1_out {
position:relative;
left:10px;
font-size:16;
}
.doss_lev2_out {
position:relative;
left:20px;
font-size:14;
}
.doss_lev3_out {
position:relative;
left:30px;
font-size:12;
}
.act_lev1_out {
position:relative;
left:15px;
font-size:16;
}
.act_lev2_out {
position:relative;
left:25px;
font-size:14;
}
.act_lev3_out {
position:relative;
left:35px;
font-size:12;
}
</style>
</head>
<body onload="javascript:comeon('/1057/');">
<script>
function scanAndSet(do_what)
{
ids = new Array();
elems = document.getElementsByTagName("div" );
for(i=0;i<elems.length;i++)
{
if (elems[i].id.indexOf(do_what) == 0)
{
tmp = elems[i].id.split("/" );
level = tmp.length - 2 ;
if ( tmp[tmp.length-1] == "" )
{
nclass = "doss_lev"+level+"_out";
alert(nclass);
document.getElementById(elems[i].id).className = nclass;
}
else
{
document.getElementById(elems[i].id).className = "act_lev"+level+"_out";
}
}
}
}
function comeon(do_what)
{
document.getElementById(do_what).className = "init";
window.setTimeout('scanAndSet('+do_what+')','1000');
}
</script>
<div id="/1057/" class="uninitialized">
Test avec URLS bidon
<div id="/1057/1058/">
(x)<A href="javascript:navgoto('/1057/1058');" color="blue">Sites</A>
<div id="/1057/1058/642">
(o)<A href="javascript:navgoto('/1057/1058/642');">Google site</A>
</div>
<div id="/1057/1058/641">
(o)<A href="javascript:navgoto('/1057/1058/641');">Forum hardware</A>
</div>
<div id="/1057/1058/643">
(o)<A href="javascript:navgoto('/1057/1058/643');">LeMonde</A>
</div>
</div>
<div id="/1057/1059/">
(x)<A href="javascript:navgoto('/1057/1059');">Images</A>
<div id="/1057/1059/644">
(o)<A href="javascript:navgoto('/1057/1059/644');">Doggy</A>
</div>
<div id="/1057/1059/649">
(o)<A href="javascript:navgoto('/1057/1059/649');">image sympa</A>
</div>
<div id="/1057/1059/650">
(o)<A href="javascript:navgoto('/1057/1059/650');">imageotte</A>
</div>
</div>
</div>
</body>
</html>

merci d'avoir le courage de tester je ne sais pas pourquoi dans le premier exemple rien ne s'affiche ! :'(

k666

dites non à petitmou

bon c plus facile peut être avec des liens

celle qui marche pas:

http://kpoman.dyndns.org/test_js_css.html

celle qui marche (que paskia une alert)

http://kpoman.dyndns.org/test_js_css2.html

voilà si vous pouviez m'aider siouplé :'( je pense que c un bug mais peut être que vous sauriez me dire ?

gm_superstar

Appelez-moi Super

Heu... quel est le but de ton JavaScript ? Juste appliquer un style particulier à un élément en fonction de son niveau dans l'arbre ?

Message édité par gm_superstar le 13-11-2002 à 16:40:00

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Publicité

k666

dites non à petitmou

ouais en fait je dois gérer bcp d'états et de styles en fonction de plusieurs paramètres ... je génère d'abord via une bdd+xml+xsl une structure de DIVs avec des ID, puis après via une API que je suis entrain de faire je gère complètement l'affichage ... il faut donc créer une super feuille de style css de malades avec tous les cas possibles, du style:

.dossier_niveau1_mouseon_nonclickable {
/* le style ici */
}

ou alors

.activite_niveau2_mouseout_clickable {
/* le style ici */
}

etc...

je viens de me rendre compte que, dans mon premier lien, si on resize la page ça s'affiche du coup c bête du coup je sais pas comment faire :'(

k666

dites non à petitmou

en fait on est entrain de réaliser une interface de navigation assez modulaire,
mais je galère avec ces styles et tout le bordel paske des fois ça passe pas, je crois que netscape a du mal pour positionner des div absolus ou relatifs ou un truc du genre ?

gm_superstar

Appelez-moi Super

Bon désolé j'ai pas le courage de me plonger dans ton truc, mais sache qu'il est possible d'associer plusieurs styles à un élément :

class="document niveau1 clickable"

tu as ensuite tes styles séparés :

.document {
...
}

.niveau1 {
...
}

.clickable {
...
}

div:hover {
...
}

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

FORUM HardWare.fr

Programmation

HTML/CSS

[HTML / JS] getelementbyid aidez moi !!!

Sujets relatifs
[HTML] comment changer un bouton de formulaire par une image?	[HTML, JS] tri d'un tableau
[HTML, JS] Comment utiliser deux targets dans un lien	HTML 4.01 Strict
faire interprter du code HTML dans un textarea	[HTML ou PHP] Un site pour une association ?
[HTML] taille optimale pour une page internet	Besoin d'aide pour un compteur html
HTML inclue dans un mail	[HTML,JS] Tester si une popup est toujours ouverte
Plus de sujets relatifs à : [HTML / JS] getelementbyid aidez moi !!!

Page générée en 0.090 secondes