Avatar billede tchami Nybegynder
23. august 2003 - 14:39 Der er 3 kommentarer og
1 løsning

Parse style attribut i <img> tag til pop-up vindue.

Hej,

Jeg har lavet et script der, når man klikker på et billede parser de informationer der står i <img> tag'en videre til et pop-up vindue.

<img> tag'en ser således ud:
<IMG style="FLOAT: right" alt=test2 hspace=2 src="test2.jpg" vspace=3 border=1 name=test2.jpg>

Scriptet jeg bruger ser således ud (der er barberet nogle funktioner af for at skabe bedre overblik her, men ikke nogen der har betydning for spørgsmålet håber jeg):

var img_src = tbContentElement.DOM.images[cur_image].src;
var img_alt=tbContentElement.DOM.images[cur_image].alt;
var img_hspace=tbContentElement.DOM.images[cur_image].hspace;
var img_vspace=tbContentElement.DOM.images[cur_image].vspace;
var img_border=tbContentElement.DOM.images[cur_image].border;
var img_float=tbContentElement.DOM.images[cur_image].style;
var img_width=tbContentElement.DOM.images[cur_image].width;
var img_height=tbContentElement.DOM.images[cur_image].height;

args_info["img_name"] = img_src;
args_info["img_alt"] = img_alt;
args_info["img_border"] = img_border;
args_info["img_hspace"] = img_hspace;
args_info["img_vspace"] = img_vspace;
args_info["img_float"]= img_float;

Alle attributter bortset fra style bliver parset fint videre. Jeg prøvede at indsætte en
alert(args_info["img_float"]) efter sidste linie i scriptet for at se hvad værdien var af args_info["img_float"]. Den returnerede: [object]

Så nu er mit spørgsmål, hvordan får jeg parset værdien af style="float: xxxx") videre? xxxx kan være left, right eller none.
Avatar billede roenving Novice
23. august 2003 - 14:44 #1
<html><body>
<select name="test2">
    <option value="xx">xx</option>
    <option value="xxx">xxx</option>
</select>
<a STYLE="background:transparent;color:#246374;">tekst</a>
<img src="./billede.jpg" width="100" height="100" name="fisk" style="filter:alpha(opacity=60);-moz-opacity:0.6;" onMouseOver="startOpChange(this,100,1);" onMouseOut="startOpChange(this,60,1);">

<script>

document.write("<pre>");
z=document.getElementsByTagName('IMG')[0].style;
for(x in z) {
document.writeln("document.getElementsByTagName('IMG')[0].style."+x+"\t"+z[x]);
}
document.write("</pre>");
</script></body></html>

Den havde jeg lige ...
Avatar billede tchami Nybegynder
23. august 2003 - 15:11 #2
Perfekt!!

Smid et svar, og pointene er dine :)
Avatar billede roenving Novice
23. august 2003 - 15:13 #3
Velbekomme '-)
Avatar billede roenving Novice
23. august 2003 - 15:31 #4
-- og tak for points ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester