Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1316 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  recuperer la valeur d'un attribut CSS directement en javascript

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

recuperer la valeur d'un attribut CSS directement en javascript

n°309986
thesmiling​face
Earth Disasters Fundation
Posté le 14-02-2003 à 21:42:33  profilanswer
 

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

mood
Publicité
Posté le 14-02-2003 à 21:42:33  profilanswer
 

n°309994
MagicBuzz
Posté le 14-02-2003 à 21:56:46  profilanswer
 

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
n°310030
thesmiling​face
Earth Disasters Fundation
Posté le 14-02-2003 à 22:29:39  profilanswer
 

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
n°310033
lorill
Posté le 14-02-2003 à 22:37:19  profilanswer
 

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

n°310041
thesmiling​face
Earth Disasters Fundation
Posté le 14-02-2003 à 22:58:53  profilanswer
 

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

n°310048
lorill
Posté le 14-02-2003 à 23:08:44  profilanswer
 

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

n°310056
thesmiling​face
Earth Disasters Fundation
Posté le 14-02-2003 à 23:21:34  profilanswer
 

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
n°310058
lorill
Posté le 14-02-2003 à 23:22:32  profilanswer
 

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:

n°310062
thesmiling​face
Earth Disasters Fundation
Posté le 14-02-2003 à 23:31:41  profilanswer
 

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

n°310065
lorill
Posté le 14-02-2003 à 23:37:18  profilanswer
 

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

mood
Publicité
Posté le 14-02-2003 à 23:37:18  profilanswer
 

n°310085
thesmiling​face
Earth Disasters Fundation
Posté le 14-02-2003 à 23:49:24  profilanswer
 

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:

n°310457
thesmiling​face
Earth Disasters Fundation
Posté le 15-02-2003 à 19:05:04  profilanswer
 

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:

n°311278
MagicBuzz
Posté le 17-02-2003 à 15:33:03  profilanswer
 

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
n°316035
thesmiling​face
Earth Disasters Fundation
Posté le 23-02-2003 à 21:32:44  profilanswer
 

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 ]


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  recuperer la valeur d'un attribut CSS directement en javascript

 

Sujets relatifs
Simuler un clic sur un bouton en javascript[PHP] récupérer l'icone d'un fichier
[php] valeur comprise entre deux nombresequivalent en PHP de certaines fonctionnalités de javascript
une petite question javascript[ASP] récupérer une adresse mail depuis le carnet d'adresses outlook
Javascript: écriture dans un fichier[C] printf pour une valeur binaire
grosse CSS ou pas ?[Javascript] Petit problème de redirection { résolu }
Plus de sujets relatifs à : recuperer la valeur d'un attribut CSS directement en javascript


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR