Kliknite tukaj, da si ogledate profil, kot ga vidijo drugi

Preusmeritev z radio gumbom
Avtor: NikMan | Objavljeno: dne 12. februar 2008, 12:02
  Izdelali bomo formo z dvemi radio gumbi in potem vsakemu dodali povezavo, katero bomo dosegli z posebnim gumbom.
 
 
1
  
 
Odprite Adobe Dreamweaver in ustvarite nov HTML dokument.

Prvo bomo ustvarili formo.

Kliknite na Forms...
 
 
2
  
 
...in kliknite na gumb Radio Button.
 
 
3
  
 
Ko vas vpraša Add from tag?, kliknite na gumb Yes.

Če tega vprašanja ne dobite, preskočite korak.
 
 
4
  
 
Radio gumb se je dodal.

Dopišite sedaj še zmaga.com (glej sliko).
 
 
 
 
 
5
  
 
Ustvarite še en Radio Button in dopišite religije.com (glej sliko).
 
 
6
  
 
Dodali bomo še gumb, ki bo "zagnal" preusmeritev.

Kliknite na gumb Button.
 
 
7
  
 
Označite dodan gumb (Button) in zgoraj v oknu Properties označite None.

Action ne sme biti Submit form.
 
 
8
  
 
V okno Value vpišite Pojdi na stran.

Lahko pa vpišete karkoli drugega.
 
 
9
  
 
Sedaj smo formo ustvarili, dodali bomo še nekaj javaScript kode.

Kliknite na gumb Code.
 
 
10
  
 
Prikaže se HTML koda.

Premaknite med name="radio" in value"radio" (glej sliko)...
 
 
11
  
 
...in dopišite onClick="i=1" (glej sliko).
 
 
12
  
 
Ponovite postopek pri značkah (tag-ih), ki predstavljajo drugi gumb (glej sliko) in dopišite onClick="i=2".
 
 
13
  
 
Premaknite se na konec značke, ki predstavlja gumb Pojdi na stran (glej sliko).
 
 
14
  
 
in dopišite onClick="gotoUrl()".
 
 
15
  
 
Postavite se na konec značke </form> (glej sliko).
 
 
16
  
 
<script>
function gotoUrl() {
 if (i==1) document.location='http://www.zmaga.com';
 if (i==2) document.location='http://www.religije.com';
}
</script>
 
 
17
  
 
Sedaj moramo popraviti še imena obeh značk tako, da bosta ista.

Značko name pri obeh poljih spremenite v radio (glej sliko).
 
 
18
  
 
Shranite stran, pritisinite tipko F12 in si oglejte rezultat.
 
 
Komentiraj
  
 
Prijava in registracija
 
 
 
Zmaga.com ponuja brezplačno in razumljivo učenje računalniških programov, vas na enkraten način spozna z različnimi svetovnimi jeziki, s podrobno obrazloženimi recepti prikaže čare kulinarike in vam prežene strahove pred domačimi opravili.
 
 
Poleg tega lahko prebirate poučne članke, ki so namenjene širjenju naše splošne razgledanosti ter preverite svoje znanje z priljubljenim in enostavnim sistemom za preverjanje znanja. Če med vsebinami, ki se dodajajo vsak dan, ne najdete želenega znanja, je za vaša vprašanja na voljo dobro obiskan forum, kjer lahko tudi aktivno sodelujete. V primeru, da bi radi svoje praktično znanje delili z ostalimi, pa to lahko storite preko preprostega vmesnika za dodajanje vsebin. Zmagajte z znanjem z Zmaga.com!
  
Zmaga.com na Facebooku | Pošljite nam e-pošto | Informacije o Zmaga.com