[es] - Dali se to radi ovako ?!

CORSA
vlado vuči9nić
eco,viličar
Hrvatska

Član broj: 284929
Poruke: 68
*.adsl.net.t-com.hr.

+9 Profil

^{07.04.2012. u 11:19 - pre 146 meseci}

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 !

Odgovor na temu

HeYoo

Član broj: 72595
Poruke: 491

+1017 Profil

Re: Dali se to radi ovako ?!

^{08.04.2012. u 01:18 - pre 146 meseci}

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.

Odgovor na temu

Burgos
Nemanja Borić
Amazon Web Services
Berlin

Član broj: 12484
Poruke: 1947
*.adsl.beocity.net.

Sajt: stackoverflow.com/users/1..

+480 Profil

Re: Dali se to radi ovako ?!

^{08.04.2012. u 01:59 - pre 146 meseci}

Code:
target="_blank"

Odgovor na temu

agvozden
Aleksandar Gvozden
founder
Info-G
Beograd

Član broj: 37813
Poruke: 1123
*.dynamic.isp.telekom.rs.

Sajt: www.gvozden.info

+68 Profil

Re: Dali se to radi ovako ?!

^{08.04.2012. u 10:16 - pre 146 meseci}

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

Moj Veb Sajt HostCentar Blog
Aleksinac Južna Srbija TimeOut

Odgovor na temu

CORSA
vlado vuči9nić
eco,viličar
Hrvatska

Član broj: 284929
Poruke: 68
*.adsl.net.t-com.hr.

+9 Profil

Re: Dali se to radi ovako ?!

^{08.04.2012. u 11:38 - pre 146 meseci}

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.

Odgovor na temu

Aleksandar Ružičić
Software Architect, Appricot d.o.o.
Beograd

Član broj: 26939
Poruke: 2881

Jabber: krckoorascic@gmail.com
Sajt: krcko.net

+44 Profil

Re: Dali se to radi ovako ?!

^{09.04.2012. u 15:47 - pre 146 meseci}

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

rafforum.rs - Forum Računarskog Fakulteta

Odgovor na temu

CORSA
vlado vuči9nić
eco,viličar
Hrvatska

Član broj: 284929
Poruke: 68
*.adsl.net.t-com.hr.

+9 Profil

Re: Dali se to radi ovako ?!

^{09.04.2012. u 15:52 - pre 146 meseci}

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!

Odgovor na temu

CORSA
vlado vuči9nić
eco,viličar
Hrvatska

Član broj: 284929
Poruke: 68
*.adsl.net.t-com.hr.

+9 Profil

Re: Dali se to radi ovako ?!

^{09.04.2012. u 18:01 - pre 146 meseci}

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]}

Odgovor na temu

Aleksandar Ružičić
Software Architect, Appricot d.o.o.
Beograd

Član broj: 26939
Poruke: 2881

Jabber: krckoorascic@gmail.com
Sajt: krcko.net

+44 Profil

Re: Dali se to radi ovako ?!

^{09.04.2012. u 22:11 - pre 146 meseci}

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

rafforum.rs - Forum Računarskog Fakulteta

Odgovor na temu

CORSA
vlado vuči9nić
eco,viličar
Hrvatska

Član broj: 284929
Poruke: 68
*.adsl.net.t-com.hr.

+9 Profil

Re: Dali se to radi ovako ?!

^{10.04.2012. u 14:27 - pre 146 meseci}

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.

Odgovor na temu