Dobré poledne
Chtěl bych se zeptat jestli by bylo možné mi poradit ohledně webových stránek.
Jde o tyto moje stránky http://test.monter-michal.cz/# a jde mi o to že bych chtěl poradit jak udělat abych když kliknu třeba na to continue nebo třeba na to čtěte více aby mi vyjelo okno s informacemy které tam napíšu a po kliknutí na to okno zase zajelo.
Vím že toho asi chci moc ale za každou radu budu rád.Nebo aspoň stránku kde bych se o tom dozvěděl více.
Díky předem
Poraďte mi, jak udělat na stránkách vyjíždějící info.*
Poraďte mi, jak udělat na stránkách vyjíždějící info.*
Naposledy upravil(a) Myloš dne 22 led 2011 13:05, celkem upraveno 1 x.
Důvod: Oprava nadpisu „Webové stránky“, který svou nulovou informační hodnotou porušoval pravidla fóra. Nadpis má popisovat podstatu problému, ale „Webové stránky“ nepopisuje vůbec nic. Popis problému vytvoříš nejlépe tak, že popíšeš problém.
Důvod: Oprava nadpisu „Webové stránky“, který svou nulovou informační hodnotou porušoval pravidla fóra. Nadpis má popisovat podstatu problému, ale „Webové stránky“ nepopisuje vůbec nic. Popis problému vytvoříš nejlépe tak, že popíšeš problém.
- Stene
- Level 6
- Příspěvky: 3124
- Registrován: únor 09
- Bydliště: Jihlava
- Pohlaví:
- Stav:
Offline
- Kontakt:
Re: Poraďte mi, jak udělat na stránkách vyjíždějící info.*
Ahoj, z tvého textu pochopit co potřebuješ je víc než namáhavý.
<a href="#" onclick="document.getElementById('div_01').style.display = 'block'; return(false);"> zobrazit</a><br />
...<br />
<div id="div_01" style="display: none;">
Text zobrazující se až po kliku
<a href="#" onclick="document.getElementById('div_01').style.display = 'none'; return(false);"> skrýt</a>
</div>
<a href="#" onclick="document.getElementById('div_01').style.display = 'block'; return(false);"> zobrazit</a><br />
...<br />
<div id="div_01" style="display: none;">
Text zobrazující se až po kliku
<a href="#" onclick="document.getElementById('div_01').style.display = 'none'; return(false);"> skrýt</a>
</div>
- CZechBoY
- Master Level 9.5
- Příspěvky: 8813
- Registrován: srpen 08
- Bydliště: Brno
- Pohlaví:
- Stav:
Offline
- Kontakt:
Re: Poraďte mi, jak udělat na stránkách vyjíždějící info.*
1) onClick u a href bych taky nepoužíval
2) udělej si jeden odkaz skrýt/zobrazit
3) return(false) nic neznamená, je to return false
za 5min sem hodim opravenej kód, jdu na večeři
edit: ten position:absolute je celkem dobrej pro to INFO o, když se na něco najede jinak je celkem na nic, beru zpět
2) udělej si jeden odkaz skrýt/zobrazit
3) return(false) nic neznamená, je to return false
za 5min sem hodim opravenej kód, jdu na večeři
edit: ten position:absolute je celkem dobrej pro to INFO o, když se na něco najede jinak je celkem na nic, beru zpět
Naposledy upravil(a) CZechBoY dne 22 led 2011 19:10, celkem upraveno 2 x.
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
Re: Poraďte mi, jak udělat na stránkách vyjíždějící info.*
Díky moc za vaše radi hodně si tho vážím.Jinak CZechboy mám tě na skypu nejlépe bude když se s tebou spojím přes něj ale pokud možno zítra dnes slavím holky narozeniny takže už jsem ve stavu trochu podroušeném
- CZechBoY
- Master Level 9.5
- Příspěvky: 8813
- Registrován: srpen 08
- Bydliště: Brno
- Pohlaví:
- Stav:
Offline
- Kontakt:
Re: Poraďte mi, jak udělat na stránkách vyjíždějící info.*
Javascript funkce píše:function SkryjZobraz(prvek,odesilatel)
{
prvek.style.display=(prvek.style.display=='none' ? 'block' : 'none');
odesilatel.innerHTML=(odesilatel.innerHTML=='Zobrazit popisek' ? 'Skryj popisek' : 'Zobrazit popisek');
}
HTML kód píše:<span class="zobrazSkryj" onClick="SkryjZobraz(document.getElementById('popisek'),this)">Zobrazit popisek</span>
<div id="popisek" style="background:red;display:none">
Tak tohle jsem já, váš popisek
</div>
a nebo můžeš normálně nastylovat popisek přes klasický pozicování a dát mu visibility:hidden a změníš pak na visibility:visible
nebo to má být jako popisek obrázku třeba? jako že to přejedeš a zobrazí se nějaké info o tom?
ukázka
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
Re: Poraďte mi, jak udělat na stránkách vyjíždějící info.*
Díky moc za odpověď ale ani jedno není ono spíše bych chtěl něco jak píšeš ty CZechBoy jako že přejedu a zobrazí se mi info.Jako aby když bych kliknul na tu ukázku jak jsi tady udělal abych zůstal na této stránce a ukazal se ten text.Přinejhorším by se nemuselo klikat ale jen tedy přejet.
- CZechBoY
- Master Level 9.5
- Příspěvky: 8813
- Registrován: srpen 08
- Bydliště: Brno
- Pohlaví:
- Stav:
Offline
- Kontakt:
Re: Poraďte mi, jak udělat na stránkách vyjíždějící info.*
psal sjem tu to tak dlouho a pak mě to vykoplo a zpráva byla v prde
takže ti dám jen odkaz
http://www.PineAppleStudios.eu/testy/tooltip.html
takže ti dám jen odkaz
http://www.PineAppleStudios.eu/testy/tooltip.html
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
Re: Poraďte mi, jak udělat na stránkách vyjíždějící info.*
Díky moc také toto použiji ale přesně mi šlo o toto http://www.autosystem.cz/bmw-x6-xdrive3 ... 009-c29143 když kliknu na ten obrázek tak se otevře jen já chci aby se otevřel text.Ale i tak díky možná jsem náročnej ale už jsem takovej
- CZechBoY
- Master Level 9.5
- Příspěvky: 8813
- Registrován: srpen 08
- Bydliště: Brno
- Pohlaví:
- Stav:
Offline
- Kontakt:
Re: Poraďte mi, jak udělat na stránkách vyjíždějící info.*
však to je ten první 
jen tomu dáš souřadnice na střed
nebo prostě použiješ jQuery jako to mají na té stránce...

jen tomu dáš souřadnice na střed
nebo prostě použiješ jQuery jako to mají na té stránce...
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
Re: Poraďte mi, jak udělat na stránkách vyjíždějící info.*
Asi to neumím implantovat jsem opravdu uplný laik.Nebyl by jsi tak hodný a nenahodil mi to tam?Když ne tak na to kašli a mít to tak nebudu.
<div class="section_w660">
<div class="section_w315 margin_r_10">
<h2>MONTÁŽ OKEN</h2>
<div class="section_w315_content">
<img src="images/4.jpg" alt="image" />
<p>Namontujeme Vaše nebo Vám zajistíme nákup dřevěných nebo plastových oken za
příznivé ceny známých výrobců.</p>
</div>
<div class="continue_button"><a href="#">Continue</a></div>
</div>
Prostě po kliku na to continue aby se zobrazilo to co na tom webu akorát místo fota to co tam napíšu
<div class="section_w660">
<div class="section_w315 margin_r_10">
<h2>MONTÁŽ OKEN</h2>
<div class="section_w315_content">
<img src="images/4.jpg" alt="image" />
<p>Namontujeme Vaše nebo Vám zajistíme nákup dřevěných nebo plastových oken za
příznivé ceny známých výrobců.</p>
</div>
<div class="continue_button"><a href="#">Continue</a></div>
</div>
Prostě po kliku na to continue aby se zobrazilo to co na tom webu akorát místo fota to co tam napíšu
- CZechBoY
- Master Level 9.5
- Příspěvky: 8813
- Registrován: srpen 08
- Bydliště: Brno
- Pohlaví:
- Stav:
Offline
- Kontakt:
Re: Poraďte mi, jak udělat na stránkách vyjíždějící info.*
tak si uděláš normálně nějakej atribut a do něj napíšeš text, onClick dáš vyjetí toho DIVu a aby ten DIV obsahoval ten text z atributu, jestli chceš i to zašednutí tak to bdue chtít width:100% height:100% nějaký opacity a v tom DIVu přes celou obrazovku další DIV s tim textem a bílým pozadím
snad to chápeš :)
snad to chápeš :)
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
-
- Mohlo by vás zajímat
- Odpovědi
- Zobrazení
- Poslední příspěvek
-
- 2
- 3021
-
od BigSandy
Zobrazit poslední příspěvek
14 lis 2024 18:58
-
-
Co jako první udělat přenos tel čísla nebo aktivaci sim
od p3v4x » 04 říj 2024 15:26 » v Mobily, tablety a jiná přenosná zařízení - 1
- 3183
-
od Zivan
Zobrazit poslední příspěvek
04 říj 2024 15:55
-
Zpět na “Programování a tvorba webu”
Kdo je online
Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 4 hosti