html - retrieve background image from css using javascript without using it's ID -


i've looked around , it's been hard find thread want do. far concerned, don't know if it's possible. looking retrieve background image file name (especially if link) when click. have script logs click last piece need background-image name (file-path name do) stored in css file. have idea or solution how can done without using div or class? here's have right now:

javascript & html

<script type="text/javascript"> var arraywithelements = new array(); //,replaytimer;  document.onclick = clicklistener;  function clicklistener(e) { var clickedelement=(window.event)                     ? window.event.srcelement                     : e.target,     tags=document.getelementsbytagname(clickedelement.tagname);  for(var i=0;i<tags.length;++i) {   if(tags[i]==clickedelement)   {     if(clickedelement.tagname=="a")     {       arraywithelements.push({tag:clickedelement.tagname,index:i});       console.log(clickedelement.baseuri,clickedelement.href,clickedelement.innertext,document.location.href,document.images.href);     }     if(clickedelement.tagname=="img")     {       arraywithelements.push({tag:clickedelement.tagname,index:i});       console.log(clickedelement.baseuri,clickedelement.parentnode.href,clickedelement.innertext,document.location.href,document.getelementsbyid(element).src);     }     if(clickedelement.tagname=="div")     {       arraywithelements.push({tag:clickedelement.tagname,index:i});       console.log(clickedelement.baseuri,clickedelement.parentnode.href,clickedelement.innertext,document.location.href,document.getelementsbyid(element).src);     }     if(clickedelement.tagname=="class")     {       arraywithelements.push({tag:clickedelement.tagname,index:i});       console.log(clickedelement.baseuri,clickedelement.parentnode.href,clickedelement.innertext,document.location.href,document.getelementsbyid(element).src);         }       }     }   } </script> </head>  <a id="1" href="#">trial1</a> <a id="2" href="http://www.google.com" target="blank">google</a> <a id="3" href="http://www.google.com">google</a> <a id="4" href="http://www.google.com" target="_blank"><img id="image" src="untitled.jpg"/></a> <a id="5" href="trial.html"> <input type="text" id="text-test"/> <a href="http://www.google.com"><div id="image-link"></div></a>

css:

#image-link {         background-image:url('untitled.jpg');         width: 50px;         height:50px;         border: 1px solid #000000; }

this test file converted use in near future. thanks

on newer browsers, can use window.getcomputedstyle(clickedelement) find background image property.


Comments

Post a Comment

Popular posts from this blog

matlab - Deleting rows with specific rules -

i got 20*3 cell array , need delete rows contains "137", "2" , "n:t" origin data: 't' '' '' 'np(*)' '' '' [ 137] '' '' [ 2] '' '' 'are' 'and' 'np(fcc_a1#1)' '' '' '1:t' [ 1200] [0.7052] '' [1.2051e+03] [0.7076] '' 'are' 'and' 'np(fcc_a1#3)' '' '' '2:t' [ 1200] [0.0673] '' [1.2051e+03] [0.0671] '' 'are' 'and' 'np(m23c6)' '' '' '3:t' [ 1200] [0.227...
Read more

php - MySQLi multi_query results for later use -

i using mysqli multi_query work several select statemets @ time. know how handle results, able use them later in code. example: <?php //connection stuff $query = "select name, surname database1;"; $query.= "select car, year, type database2 carid='1';"; $query.= "select product, price database3;"; if ($mysqli->multi_query($query)) { if($result = $mysqli->store_result()) { while($row = $result->fetch_row()) { --> here? } } } ?> <html> <div id='persona'> <?php foreach() { --> print name + surname } ?> </div> <div id='cars'> <?php foreach() { --> print car + year + type } ?> </div> <div id='product'> <?php foreach() { --> print product + price } ?> </div> </html> one more thing, prepared statements not possible when using multiple_query, right? there no benefit in putting unrelated queries in 1 multi ...
Read more