[ CORSA @ 07.04.2012. 11:19 ] @
Pozdrav !

Učim java script te učim po nekim primjerima ,no sad sam došao do jednostavnog rješenja mog podužeg problema,ali me baš zanima dali to može biti tako
ili se to ipak radi drugačije i zašto ??!

Code:
<html xmlns="http://www.w3.org/1999/xhtml">


<head>

</head>
<body>

<h1>My First Web Page</h1>
<div> 
    <img id="demo" src="slike/hdd.jpg" alt="ja" style="position:absolute; left: 572px; top: 108px;" /></div>


<p onmouseover="document.getElementById('demo').src='mouse1.png' " onmouseout="document.getElementById('demo').src='slike1.jpg' " style="width: 81px"><a href="slike/hdd.jpg" target="_blanck" >ovdje link 1</a></p>
<p onmouseover="document.getElementById('demo').src='mouse2.png' " onmouseout="document.getElementById('demo').src='slike2.jpg' " style="width: 81px"><a href="slike/hdd.jpg" target="_blanck" >ovdje link 2</a></p>



</body>
</html>



Do ovog sam došao slučajno,no zanimljivo je da radi i jednostavno je !
Hvala unaprijed !
[ HeYoo @ 08.04.2012. 01:18 ] @
Mislis na inline? Trebalo bi izbegavati, a glavni razlog je nepreglednost i neprakticnost kao i u slucaju inline css. Ima i tehnickih razloga ali mislim da danas to nije toliki problem.
[ Burgos @ 08.04.2012. 01:59 ] @
Code:
 target="_blank"  
[ agvozden @ 08.04.2012. 10:16 ] @
dali se piše da li - odvojeno

kao što ljudi rekoše, odvajaj JS od ostalog koda, biće preglednije za pisanje i održavanje.

var demo_el = document.getElementById('demo'); iniciraj na početki skripte, nema potrebe da uvek tražiš taj element, kod podužih skripti može da brlja na slabijim računarima...
[ CORSA @ 08.04.2012. 11:38 ] @
Dakle moglo bi to biti tako,no ako ga izdvojim nesnalazim se kako da to posložim.
Kako bi tad izgledao cjeli kod ?

Naravno ovaj (target="_blank" ) je suvišan ,al ostao je od raznog experimentiranja.
[ Aleksandar Ružičić @ 09.04.2012. 15:47 ] @
ovo je jedan nacin:

Code (html):

<html xmlns="http://www.w3.org/1999/xhtml">


<head>

</head>
<body>

<h1>My First Web Page</h1>
<div>
    <img id="demo" src="slike/hdd.jpg" alt="ja" style="position:absolute; left: 572px; top: 108px;" /></div>


<p><a id="link1" href="slike/hdd.jpg">ovdje link 1</a></p>
<p><a id="link2" href="slike/hdd.jpg">ovdje link 2</a></p>

<script type="text/javascript">
   var demo = document.getElementById('demo'),
        links = [
            {id: 'link1': over: 'mouse1.png', out: 'slike1.jpg'},
            {id: 'link2': over: 'mouse2.png', out: 'slike2.jpg'},
        ];

    for (var i = 0, len = links.length; i < len; i++) {
     
      var link = document.getElementById(links[i].id);

      if (link) {
           link.mouseover = (function(src) { return function() { demo.src = src; }; })(links[i].over);
           link.mouseout = (function(src) { return function() { demo.src = src; }; })(links[i].out);
      }
   }  

</script>

</body>
</html>
 


mozda malo komplikovaniji pristup, ali to sam stavio sa razlogom, posto vidim da ucis js. ovde imas par korisnih stvari, pa ako ne skontas sam kako sta funkcionise pitaj..
[ CORSA @ 09.04.2012. 15:52 ] @
Citat:


mozda malo komplikovaniji pristup, ali to sam stavio sa razlogom, posto vidim da ucis js. ovde imas par korisnih stvari, pa ako ne skontas sam kako sta funkcionise pitaj..


Hvala ti najljepša prijatelju na ovome!
[ CORSA @ 09.04.2012. 18:01 ] @
Citat:


, pa ako ne skontas sam kako sta funkcionise pitaj..






Želio bi sam skontati večinu koda,ali mislim da bi mi bilo lakše ako bi mogao vidjeti kod na djelu,
no ovaj mi kod ne radi,zašto ?

Promjenio sam putanju do slika sa stvarnom putanjom,ali ništa ? Može prvo pomoć oko toga ?



[Ovu poruku je menjao CORSA dana 09.04.2012. u 22:43 GMT+1]
[ Aleksandar Ružičić @ 09.04.2012. 22:11 ] @
ja sam napravio typo dok sam kucao, a posto nisam testirao kod nisam ih primetio..

evo ispravljenog koda:

Code (html):

<html xmlns="http://www.w3.org/1999/xhtml">


<head>

</head>
<body>

<h1>My First Web Page</h1>
<div>
    <img id="demo" src="slike/hdd.jpg" alt="ja" style="position:absolute; left: 572px; top: 108px;" /></div>


<p><a id="link1" href="slike/hdd.jpg">ovdje link 1</a></p>
<p><a id="link2" href="slike/hdd.jpg">ovdje link 2</a></p>

<script type="text/javascript">
   var demo = document.getElementById('demo'),
        links = [
            {id: 'link1', over: 'mouse1.png', out: 'slike1.jpg'},
            {id: 'link2', over: 'mouse2.png', out: 'slike2.jpg'}
        ];

    for (var i = 0, len = links.length; i < len; i++) {
     
     var link = document.getElementById(links[i].id);

     if (link) {
          link.mouseover = (function(src) { return function() { demo.src = src; }; })(links[i].over);
          link.mouseout = (function(src) { return function() { demo.src = src; }; })(links[i].out);
     }
  }  

</script>

</body>
</html>
 


to bi sad trebalo da radi :)
[ CORSA @ 10.04.2012. 14:27 ] @
Citat:

to bi sad trebalo da radi :)

Jako mi je drago da nađeš vremena za to i jako sam ti zahvalan zbog tog,no
na žalost ne radi ni taj drugi kod !

Vjerojatno si negdje drugdje pogrešio.