Page 1 sur 3
getElementsByTagName ('*') 2balises dans la boucle test ?
Posté : 29 oct. 2005, 14:57
par Lareine
Dans une fonction j'ai:
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
!
Posté : 29 oct. 2005, 16:20
par DocType
tu nomme ta balise div et tu l'appele via getelementbyid
Posté : 29 oct. 2005, 16:51
par Lareine
Euh... c'est à dire concrètement
?
Posté : 29 oct. 2005, 17:02
par DocType
<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é)
Posté : 29 oct. 2005, 17:04
par jeff
salut
peut etre que tu peut le faire avec un truc comme ca
et un function qui prend en masque "truc" voir (exprssion reguliere) et qui applique a toute les balise qui correspondent aux masque avec getElementbyId
Posté : 29 oct. 2005, 17:15
par Lareine
*.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
?
Posté : 29 oct. 2005, 17:17
par DocType
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
Posté : 29 oct. 2005, 17:33
par Lareine
*.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 
...
Posté : 29 oct. 2005, 17:38
par jeff
je voyai plus un truc comme ca (mais attention je suis une bille en js)
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
Posté : 29 oct. 2005, 17:44
par DocType
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 ?
Posté : 29 oct. 2005, 17:50
par jeff
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
Posté : 29 oct. 2005, 17:58
par Lareine
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
Posté : 29 oct. 2005, 18:02
par jeff
si tu etait moin exigente tu pourrai le faire en css (au survol)
Posté : 29 oct. 2005, 18:03
par Lareine
J'ai essayé ça ne fonctionne pas sous ce maudit
IE !
Posté : 29 oct. 2005, 18:05
par jeff