recuperer la valeur d'un attribut CSS directement en javascript

recuperer la valeur d'un attribut CSS directement en javascript - HTML/CSS - Programmation

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:' :bounce: '", 0);
mais j'ai pas trouvé mon bonheur donc si c'est possible, chuis à votre écoute  :D

Reply

Marsh Posté le 14-02-2003 à 21:42:33   

Reply

Marsh Posté le 14-02-2003 à 21:56:46    

le plus simple (et le plus porc :D)
 
<span id="spanalacon" style="visibility:hidden"></span>
 
<script language=JavaScript">
alert(document.spanalacon.style.href);
</script>


Message édité par MagicBuzz le 14-02-2003 à 21:57:08
Reply

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 [:gmo])


Message édité par thesmilingface le 14-02-2003 à 22:37:30
Reply

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

Reply

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 ?
 :bounce:

Reply

Marsh Posté le 14-02-2003 à 23:08:44    

thesmilingface a écrit :


t'es sur que ça lit 'la css', Lorill ?


 
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

Reply

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' :\


<html>
<style>
.linklogo { href: "/"; width: "148"; height: "68"; src: "e3-homelogo2.png"; }
</style>
<body>
<span id="spanalacon" class="linklogo"></span>
 
<script language="JavaScript">
alert(document.getElementById("spanalacon" ).style.src);
</script>
</body></html>


 
j'ai merdé kekpart ?


Message édité par thesmilingface le 14-02-2003 à 23:25:30
Reply

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  :whistle:

Reply

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 :/

Reply

Marsh Posté le 14-02-2003 à 23:37:18    

bon ben effectivement ca marche pas.
désolé :sweat:

Reply

Marsh Posté le 14-02-2003 à 23:37:18   

Reply

Marsh Posté le 14-02-2003 à 23:49:24    

pas la peine de suer  :D  
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 ?  :ange: ), enfin, je crois, vais essayer  :) ...demain, là [:pioupiou] faire la fête.
 :bounce:

Reply

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  :sweat:

Reply

Marsh Posté le 17-02-2003 à 15:33:03    

Ben ça n'a rien à voir :heink:
 
Faut utiliser une feuille de style XSL, pas CSS pour faire ça :heink:
 
Par exemple, dans un fichier XML :
 

Code :
  1. <?xml version="1.0" ?>
  2. <?xml-stylesheet type="text/xsl" href="test.xsl"?>
  3. <page>
  4.   <img>
  5.     <alt>Hikaru no Go, le jeu</alt>
  6.     <src>1.jpg</src>
  7.   </img>
  8. </page>


 
Et un fichier XSL (test.xsl) :
 

Code :
  1. <?xml version="1.0" encoding="ISO-8859-1"?>
  2. <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:fo="http://www.w3.org/1999/XSL/Format">
  3. <xsl:template match="/page">
  4. <html>
  5. <head>
  6.     <title>Article</title>
  7. </head>
  8. <body>
  9. <img border="0"><xsl:attribute name="src"><xsl:value-of select="img/src"/></xsl:attribute><xsl:attribute name="title"><xsl:value-of select="img/alt"/></xsl:attribute></img>
  10. </body>
  11. </html>
  12. </xsl:template>
  13. </xsl:stylesheet>


 
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


Message édité par MagicBuzz le 17-02-2003 à 15:34:24
Reply

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  :sol:  
 
 
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 ]

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed