Dali se to radi ovako ?!

Dali se to radi ovako ?! 07.04.2012. u 12:19 · pre 177 meseci #1

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 !

Re: Dali se to radi ovako ?! 08.04.2012. u 02:18 · pre 177 meseci #2

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.

Re: Dali se to radi ovako ?! 08.04.2012. u 02:59 · pre 177 meseci #3

Code:
target="_blank"

Re: Dali se to radi ovako ?! 08.04.2012. u 11:16 · pre 177 meseci #4

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

Potpis

Moj Veb Sajt HostCentar Blog
Aleksinac Južna Srbija TimeOut

Re: Dali se to radi ovako ?! 08.04.2012. u 12:38 · pre 177 meseci #5

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.

Re: Dali se to radi ovako ?! 09.04.2012. u 16:47 · pre 177 meseci #6

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

Potpis

rafforum.rs - Forum Računarskog Fakulteta

1

Re: Dali se to radi ovako ?! 09.04.2012. u 16:52 · pre 177 meseci #7

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!

Re: Dali se to radi ovako ?! 09.04.2012. u 19:01 · pre 177 meseci #8

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 ?

Re: Dali se to radi ovako ?! 09.04.2012. u 23:11 · pre 177 meseci #9

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

Potpis

rafforum.rs - Forum Računarskog Fakulteta

Re: Dali se to radi ovako ?! 10.04.2012. u 15:27 · pre 177 meseci #10

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.

Forum kao aplikacija na telefonu

Srodne teme