skript ktorý otvorí okno kde budú obrázky

marekmikula0 · Napísal **marekmikula0**: 29.06.2014 18:13

Ahojte na svojom webe cez HTML www.shakesandfidget.hys.cz mám podkategóriu Album Pomocník a v tej kategórii bude 5 kategórii rozdelených na Monstra ,Válečník, Kouzelník, Průzkumník a Cennosti a chcem aby to bolo tak keď niekto klikne na ikonu napr... Monstra tak nech vyskočí niečo takéto : viď obrázok

skript ktorý otvorí okno kde budú obrázky

Ale neviem aký skript na to použiť aký by ste mi poradili Vy ?

chrono · Napísal **chrono**: 29.06.2014 20:39

Ak chceš nové okno, použi javascript a window.open (prípadne sa dá pri a tagu použiť atribút target s hodnotou _blank) a ak chceš zobraziť skrytý div, tak to môžeš urobiť pomocou javascriptu (prípadne by sa dal použiť ajax, ale to je asi zbytočne komplikované).

PS: A pri takýchto hrách mne osobne príde rozumnejšie urobiť blog, v ktorom budeš uverejňovať nejaké rady, novinky z hry...

marekmikula0 · Napísal autor témy **marekmikula0**: 29.06.2014 20:44

šak všetko bude neboj

A nevedel by si mi to trošku upresniť ja som rozmýšlal nad týmto :

Kód:

<div id="album_vybrany_predmet" style="border:1px solid gray;position:fixed;top:40%;left:40%;border-radius:15px; padding:30px;background-color:#0F0F0F;display:none;"><a style="display:block;cursor:pointer;" onclick="document.getElementById('album_vybrany_predmet').style.display='none'">Zavřit</a><div id="album_vybrany_predmet_vnitrni"></div></div><div style="border:1px outset #0F0F0F;margin-top:10px;border-radius: 15px;;padding:12px;background-color:#090909;"><a style="display:block;cursor:pointer;" onclick="if(document.getElementById('album_monstra').style.display=='none'){document.getElementById('album_monstra').style.display='block';album_vypis_sekci_album_monstra();}else{document.getElementById('album_monstra').style.display='none'};"><img src="webfiles/style/t_monstr.png"> <span style="position:relative;top:-10px;left:6px;">Monstra</span></a><div style="margin-top:10px;display:none;" id="album_monstra"> 

Ale na to že mam reklamu od endo*y na stránke tak ta reklama sa automaticky skryje a zobrazi az po kliknuti napr.. na Monstra

Lessik · Napísal autor témy **Lessik**: 29.06.2014 21:25

osobne si myslim, ze v podstate ani netusis co robis..
neskutocny bordel v html kode, neoddelene css a pchas to tam vsetko.. proste hnus, co tak zacat trosku od zaciatku a prejst si zaklady?

marekmikula0 · Napísal autor témy **marekmikula0**: 29.06.2014 21:30

Pomozes mi stym ?

Lessik · Napísal autor témy **Lessik**: 29.06.2014 21:37

takto ti pomozem http://www.w3schools.com/html/html_intro.asp ;-)
ja v tom niesom ziadny expert, viem si nakodit taky zakladny web pre osobne potreby ale nestracam sa urcite.. staci mat kvalitny zaklad a neskor uz len nabalovat znalosti..
ja som googlil kade tade, sem tam som pouzil toto forum hlavne uzivatel BX mi v tomto bol napomocny, tym nechcem povedat, ze ho mas otravovat v SS

google vie naozaj vsetko, co potrebujes, to tam zistis..

marekmikula0 · Napísal autor témy **marekmikula0**: 29.06.2014 21:45

Ale zase na w3 su inacie kody ako na jakpsatweb tak podla coho mam postupovat podla w3 alebo jakpsatweb

Lessik · Napísal autor témy **Lessik**: 29.06.2014 22:11

Hladaj najnovšie, v roku 2010 sa začalo pouzivat html5 .. Ale v podstate staci sa naucit taký bezny základ, bezne kody, ktoré su podporovane v každom browsery, nezalezi na tom z akej verzie html su.. Ja som sa ucil pomocou sablon, template-ov, ktoré som si stiahol a prisposoboval to vo svoj obraz.. skus to

marekmikula0 · Napísal autor témy **marekmikula0**: 29.06.2014 22:23

Ok a ako si to myslel ze bordel v kode sak to mam normalne ako kazdy web

hatto13 · Napísal **hatto13**: 30.06.2014 7:08

na ktorom webe si to videl?
ty davas aj styly aj javascript do html kodu - to sa nepatri:) vsetko pekne oddelene - styly do css suboru a javascript do .js.

a nezabudaj aj na html validator - mas tam dost chyb, hlavne zle uzatvorene tagy http://validator.w3.org/check?uri=www.s ... ne&group=0

marekmikula0 · Napísal autor témy **marekmikula0**: 30.06.2014 9:15

Ale sak to nieje chyba ak na zaciatok napisem aby vedelo kd je ten css subor ci je ?

Ale ten w3 pise blbosti ja to mam zatvorene kukni zdrojak

// Spojený príspevok Pon 30.06.14 10:29

view-source:https://www.websupport.sk/
Tiež to majú podobne ako ja

hatto13 · Napísal **hatto13**: 30.06.2014 10:33

to nie je chyba, tak to ma byt to som vravel ohladom toho kodu co si dal o par prispevkov vyssie.

a na stranke:
<div id="horni_menu"> nemas uzatvoreny
<font> a <center> sa uz nepouziva - miesto toho napr. p, div, span cokolvek ine
a takisto ani atributy bgcolor, align, color - to vsetko do css

v menu nedavaju tu ciaru ako obrazok, bud to daj ako background a repeat x, alebo ako border-bottom, border top, lebo na velkom monitore mi to hodi do jedneho riadku aj s linkami

marekmikula0 · Napísal autor témy **marekmikula0**: 30.06.2014 10:37

Takže čo všetko mám prerobiť spísal by si mi to jedného príspevku čo mám dať do CSS a čo upraviť ďakujem

// Spojený príspevok Pon 30.06.14 10:56

Tak background-color: #000000 som pridal do CSS a z html kódu vymazal bg-color

Ešte čo všetko a ten javascript je jedno ako sa bude volať napríklad javascript1.js druhý bude javascript2.js

EDIT //
Ale neviem ako si myslel tie žlté čiare ako to mám spraviť inak ak nie obrázkami nejaký tut. ?

don jebot · Napísal **don jebot**: 30.06.2014 15:04

marekmikula0 píše:

Takže čo všetko mám prerobiť spísal by si mi to jedného príspevku čo mám dať do CSS a čo upraviť ďakujem

wtf ...

shaggy · Napísal **shaggy**: 30.06.2014 18:37

Téma presunutá do správnej sekcie a teraz poprosím autora, aby ešte raz napísal, čo už má hotové (z toho skriptu) a s čím chce poradiť.
Ale ak nemáš napísané nič a nevieš o skriptoch nič, tak si to najprv naštuduj, za teba to robiť nikto nebude.

marekmikula0 · Napísal autor témy **marekmikula0**: 01.07.2014 14:33

Kód:

<div id="album_vybrany_predmet" style="border:1px solid gray;position:fixed;top:40%;left:40%;border-radius:15px; padding:30px;background-color:#0F0F0F;display:none;"><a style="display:block;cursor:pointer;" onclick="document.getElementById('album_vybrany_predmet').style.display='none'">Zavřit</a><div id="album_vybrany_predmet_vnitrni"></div></div><div style="border:1px outset #0F0F0F;margin-top:10px;border-radius: 15px;;padding:12px;background-color:#090909;"><a style="display:block;cursor:pointer;" onclick="if(document.getElementById('album_monstra').style.display=='none'){document.getElementById('album_monstra').style.display='block';album_vypis_sekci_album_monstra();}else{document.getElementById('album_monstra').style.display='none'};"><img src="webfiles/style/t_monstr.png"> <span style="position:relative;top:-10px;left:6px;">Monstra</span></a><div style="margin-top:10px;display:none;" id="album_monstra"> 

Chcem použiť takýto skript ale neviem či nie je nejaký lepší jednoduchšší

Kamahl · Napísal **Kamahl**: 01.07.2014 15:08

1. oddel z tade CSS
2. daj tomu nejaky format

a potom sa na to mozno niekto pozrie.

shaggy · Napísal **shaggy**: 01.07.2014 18:07

Stačí.
Ak chceš použiť taký skript, tak ho použi.
Ani ja neviem, či existuje lepší, jednoduchší, nechce sa mi hrabať v tom kóde.
Ak budeš mať otázky týkajúce sa oblasti, do ktorej sa aspoň trochu vyznáš, kludne sa pýtaj. Ale nie sme na tu na to, aby sme robili za iných.

skript ktorý otvorí okno kde budú obrázky

Podobné témy