Stránka 1 z 1

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

Napsal: 22 led 2011 12:51
od Michales1
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

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

Napsal: 22 led 2011 18:05
od Stene
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>

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

Napsal: 22 led 2011 18:14
od CZechBoY
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

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

Napsal: 22 led 2011 18:20
od Michales1
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

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

Napsal: 22 led 2011 18:57
od CZechBoY
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

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

Napsal: 24 led 2011 13:35
od Michales1
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.

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

Napsal: 24 led 2011 17:24
od CZechBoY
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

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

Napsal: 24 led 2011 18:29
od Michales1
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

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

Napsal: 24 led 2011 18:32
od CZechBoY
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...

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

Napsal: 24 led 2011 18:49
od Michales1
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

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

Napsal: 24 led 2011 19:29
od CZechBoY
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š :)