getElementsByTagName ('*') 2balises dans la boucle test ?

29 oct. 2005, 14:57

Dans une fonction j'ai:

Code : Tout sélectionner

boutonElements=document.getElementsByTagName('td')

J'aimerais en plus de td que la fonction gère la balise div
Comment faire pour la rajouter

?

Merci d'avance pour votre réponse

!

29 oct. 2005, 16:20

tu nomme ta balise div et tu l'appele via getelementbyid

29 oct. 2005, 16:51

Euh... c'est à dire concrètement

?

29 oct. 2005, 17:02

<div id="nom" name="nom"></div>
<script language="javascript">
<!--
document.getElementById("nom").innerHTML = "mon texte html dans la balise";
-->
</script>

Avec ça tu appelle ton champs div, ou plutôt tu change son contenu vu un getelementmachintruc.
(me semble pas m'être trompé)

29 oct. 2005, 17:04

salut
peut etre que tu peut le faire avec un truc comme ca

Code : Tout sélectionner

<td id="truc1"...>
<div id="truc2"...>

et un function qui prend en masque "truc" voir (exprssion reguliere) et qui applique a toute les balise qui correspondent aux masque avec getElementbyId

29 oct. 2005, 17:15

*.js

Code : Tout sélectionner

function bordure(bouton){ 
  boutonElements=document.getElementById('btn').innerHTML = 'bouton';
  for (b=0;b<boutonElements.length;b++){ 
  if(boutonElements[b].className==bouton)[color=green]*etc...[/color]

html

<td id="btn" class="bouton"> 
<div id="btn" class=bouton">

C'est ça

?

29 oct. 2005, 17:17

function bordure(bouton){
boutonElements=document.getElementById('btn').innerHTML = 'bouton';
for (b=0;b<boutonElements.length;b++){
if(boutonElements.className==bouton)*etc...

<td id="btn" class="bouton">
<div id="btn" class=bouton">

C'est ça ?

eeeeeee non
C'est quoi ton script entier ?
tu souhaite faire quoi ?
et merci d'avance de mettre ton code entre balise code ou php

29 oct. 2005, 17:33

*.css

Code : Tout sélectionner

.bouton { background:#codecouleur url(image.jpg); border:4px outset; color:#FFFFFF; }

*.js

Code : Tout sélectionner

function bordure(bouton) 
{ 
  boutonElements=document.getElementsByTagName('td') 
  for (b=0;b<boutonElements.length;b++){ 
  if(boutonElements[b].className==bouton){ 
  boutonElements[b].onmousedown=function() {this.style.borderStyle='inset';} //Activé
  boutonElements[b].onmouseup=function(){this.style.borderStyle='outset';} //Relaché
  boutonElements[b].onmouseout=function() {this.style.borderStyle='outset';} //Hors zone
  } 
 } 
} 
window.onload = function(){bordure('bouton')};

(X)HTML

<td class="bouton"><a href="index.php">Acceuil</a></td>

Ça permet d'animer les bordures quand on clique avec la souris...
J'aimerais aussi pouvoir l'utiliser avec div, comme IE ne fonctione
qu'avec a.***:hover et a.***:active en css

...

29 oct. 2005, 17:38

je voyai plus un truc comme ca (mais attention je suis une bille en js)

Code : Tout sélectionner

<td id="truc1"...>
<div id="truc2"...>

et

var test='truc';
function bordure( test)
{
/*function qui prend tout les id correspondant au masque test et les met dans un tableau*/

/*puis traitement de ce tableau avec 
getElementbyId()*/
}

voici l'algo
je peu pas t'aider sur le code je ne connais pas suffisament js

29 oct. 2005, 17:44

ouep mais non, la elle veut modifier les bordures...je comprends meme pas pkoi elle prend des div etc...
La le script est un peu fouilli à mon goût...
Il me semble qu'il y a plus cimple que tout ca...
peux-tu STP expliquer le fonctionnement, ou plutôt comment ca doit tourner au final ?

29 oct. 2005, 17:50

en fait elle modifier plusieur balise
donc elle peut pas utiliset getElementBytagName
il reste donc les id, mais ceu-ci sont uniques dans un code XHTML donc (1 seule balise)
ma solution est de charger touts les id respectant un masque dans un tableau et ensuite des les traiter un a un

29 oct. 2005, 17:58

la fonction Javascript est préchargé dans le cache et est
appelé par class="bouton"

1 clique met en position inset
le clique relaché ou le pointeur hors zone remet en outset

La couleur, le motif de fond et la bordure outset par défaut
est définit par la class css .bouton.

Voilà ce que ça donne dans des balise td (en bas de la page)
http://ippai.free.fr/index.php

29 oct. 2005, 18:02

si tu etait moin exigente tu pourrai le faire en css (au survol)

29 oct. 2005, 18:03

J'ai essayé ça ne fonctionne pas sous ce maudit IE

!

29 oct. 2005, 18:05

oui
pour ca je te renvois sur alsacreation
http://css.alsacreations.com/Tutoriels- ... age-unique

getElementsByTagName ('*') 2balises dans la boucle test ?

Qui est en ligne