Poraďte mi, jak udělat na stránkách vyjíždějící info.*

Místo pro dotazy a rady ohledně programovacích jazyků (C++, C#, PHP, ASP, Javascript, VBS..) a tvorby webových stránek

Moderátor: Mods_senior

Michales1
Level 1.5
Level 1.5
Příspěvky: 117
Registrován: říjen 10
Pohlaví: Nespecifikováno
Stav:
Offline

Poraďte mi, jak udělat na stránkách vyjíždějící info.*

Příspěvekod Michales1 » 22 led 2011 12:51

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

Reklama
Uživatelský avatar
Stene
Level 6
Level 6
Příspěvky: 3124
Registrován: únor 09
Bydliště: Jihlava
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Poraďte mi, jak udělat na stránkách vyjíždějící info.*

Příspěvekod Stene » 22 led 2011 18:05

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>

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Poraďte mi, jak udělat na stránkách vyjíždějící info.*

Příspěvekod CZechBoY » 22 led 2011 18:14

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

Michales1
Level 1.5
Level 1.5
Příspěvky: 117
Registrován: říjen 10
Pohlaví: Nespecifikováno
Stav:
Offline

Re: Poraďte mi, jak udělat na stránkách vyjíždějící info.*

Příspěvekod Michales1 » 22 led 2011 18:20

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

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Poraďte mi, jak udělat na stránkách vyjíždějící info.*

Příspěvekod CZechBoY » 22 led 2011 18:57

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

Michales1
Level 1.5
Level 1.5
Příspěvky: 117
Registrován: říjen 10
Pohlaví: Nespecifikováno
Stav:
Offline

Re: Poraďte mi, jak udělat na stránkách vyjíždějící info.*

Příspěvekod Michales1 » 24 led 2011 13:35

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.

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Poraďte mi, jak udělat na stránkách vyjíždějící info.*

Příspěvekod CZechBoY » 24 led 2011 17:24

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

Michales1
Level 1.5
Level 1.5
Příspěvky: 117
Registrován: říjen 10
Pohlaví: Nespecifikováno
Stav:
Offline

Re: Poraďte mi, jak udělat na stránkách vyjíždějící info.*

Příspěvekod Michales1 » 24 led 2011 18:29

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

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Poraďte mi, jak udělat na stránkách vyjíždějící info.*

Příspěvekod CZechBoY » 24 led 2011 18:32

však to je ten první :D
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

Michales1
Level 1.5
Level 1.5
Příspěvky: 117
Registrován: říjen 10
Pohlaví: Nespecifikováno
Stav:
Offline

Re: Poraďte mi, jak udělat na stránkách vyjíždějící info.*

Příspěvekod Michales1 » 24 led 2011 18:49

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

Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Poraďte mi, jak udělat na stránkách vyjíždějící info.*

Příspěvekod CZechBoY » 24 led 2011 19:29

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


  • Mohlo by vás zajímat
    Odpovědi
    Zobrazení
    Poslední příspěvek

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 0 hostů