recuperer la valeur d'un attribut CSS directement en javascript - HTML/CSS - Programmation
Marsh Posté le 14-02-2003 à 21:56:46
le plus simple (et le plus porc )
<span id="spanalacon" style="visibility:hidden"></span>
<script language=JavaScript">
alert(document.spanalacon.style.href);
</script>
Marsh Posté le 14-02-2003 à 22:29:39
voui c une idee, mais mon but dans la vie c'est de le recuperer depuis le fichier css...et surtout pas le marquer en clair dans l'html (objectif: tout attribut dans le CSS, meme si )
Marsh Posté le 14-02-2003 à 22:37:19
thesmilingface a écrit : voui c une idee, mais mon but dans la vie c'est de le recuperer depuis le fichier css...et surtout pas le marquer en clair dans l'html (objectif: tout attribut dans le CSS, meme si porc) |
ca change absolument rien, ton js interroge quand même le style de l'objet, même si c'est défini dans la css
Marsh Posté le 14-02-2003 à 22:58:53
<span id="spanalacon" class="linklogo"></span>
<script language="JavaScript">
alert(document.getElementById("spanalacon" ).style.src);
</script>
[undefined]
<span id="spanalacon" style="visibility:hidden"></span>
<script language="JavaScript">
alert(document.getElementById("spanalacon" ).style.visibility);
</script>
[hidden]
t'es sur que ça lit 'la css', Lorill ?
Marsh Posté le 14-02-2003 à 23:08:44
thesmilingface a écrit : |
que ca le lise, non, que ca te permette de récupérer le style défini par la css, oui.
essaye voir de mettre ton hidden dans la css et de le récupérer
Marsh Posté le 14-02-2003 à 23:21:34
ben bin l'exemple avec le linklogo, plus haut c'est un peu ça (mais avec src, et ça me met 'undefined' :\
|
j'ai merdé kekpart ?
Marsh Posté le 14-02-2003 à 23:22:32
thesmilingface a écrit : ben bin l'exemple avec le linklogo, plus haut c'est un peu ça (mais avec src, et ça me met 'undefined' :\ |
justement, essaye avec une autre propriété comme la visibility.
si ca marche pas c'est que j'ai encore dit une connerie
Marsh Posté le 14-02-2003 à 23:31:41
alert(document.getElementById("spanalacon" ).style.height
lié au span (ki connait width) me met rien => []
preuve que la valeur est pas definie
note:
alert(document.getElementById("spanalacon" ).style.height);
document.getElementById("spanalacon" ).style.height="300";
alert(document.getElementById("spanalacon" ).style.height);
document.getElementById("spanalacon" ).style.src="icone.gifonss";
alert(document.getElementById("spanalacon" ).style.src);
src et height prennent bien des valeurs, mais elles sont definies par le document courant
Marsh Posté le 14-02-2003 à 23:49:24
pas la peine de suer
bon, si on peut pas recuperer l'attribut depuis un css, on peut le recuperer depuis un xml via javascript (pas avec xsl:attribute, ie5 aime po )(moi, chiant ? ), enfin, je crois, vais essayer ...demain, là faire la fête.
Marsh Posté le 15-02-2003 à 19:05:04
je seche toujours sur mon probleme:
j'arrive pas a integrer de l'xml dans un <img src=''>
je cherche un moyen de le manipuler coté client,
ou sinon, pouvoir appeler xml depuis php (hebergement free)
ça devient problematique
Marsh Posté le 17-02-2003 à 15:33:03
Ben ça n'a rien à voir
Faut utiliser une feuille de style XSL, pas CSS pour faire ça
Par exemple, dans un fichier XML :
Code :
|
Et un fichier XSL (test.xsl) :
Code :
|
Et voilà... t'as juste à ouvrir le fichier XML avec un navigateur.
Pour un exemple plus complet :
http://test.manga-torii.com/article/article.xml
Marsh Posté le 23-02-2003 à 21:32:44
Hélas, 1000 fois hélas.
xsl:attribute n'est pas supporté par ie5(.5)
sinon, je suis avec interet ta "page d'administration".
ligne 64 " )" attendu
ligne 7 objet attendu
est-ce ie5.50.4807.2300 ?
je compte sur toi
edit: [ la question actuelle n'a pas grand chose à voir avec le topic d'origine hormis la volonté de structurer les données et déplacer les attributs des differents tags ]
Marsh Posté le 14-02-2003 à 21:42:33
salut je voudrais recuperer un attribut comme suit:
.linklogo { href: "/"; width: "148"; height: "68"; src="e3-homelogo2.png"}
donc si possible avoir un tit javascript qui lit href et me permet de recuperer sa valeur.
malheureusement jusqu'a present j'ai pas trouvé
le plus proche me semble
document.styleSheets[0].rules[2]
et
document.styleSheets[0].addRule("linklogo", "href:' '", 0);
mais j'ai pas trouvé mon bonheur donc si c'est possible, chuis à votre écoute