Autor Zpráva
oboda7
Profil
Zdravím,
hledám na netu jak udělat takový tutorial na stránku který zmizí po kliknutí/ přejetí přes něj. Jde mi o to udělat obsah nebo obrázek ve kterém bude třeba text "po rozkliknutí uvidíte obsah" který bude třeba šipkou ukazovat na na "tlačítko", aby uživatel veděl že je to tlačítko a že na to může kliknout....a jakmile si to uživatel přečte a najede na to tak ten obrázek s tutoriálem zmizí a už s neobjeví, objeví se až po aktualizaci stránky + po případně tlačítko [x] u orázku a okamžité vypnutí
MyShare
Profil
oboda7:
Nejakú podobnú živú ukážku? neviem si to nijak prestaviť.
jenikkozak
Profil
oboda7:
Tohoto dosáhneš pomocí JavaScriptu.
- Do stránky vložíš blok a pomocí JS mu vlastnost display změníš na none.
- Po kliknutí na tlačítko změníš tomu bloku display na hodnotu block. A zároveň tomu tlačítku změníš hodnotu display na none.

A šipku vložíš pomocí obrázku na pozadí. Pak to pozadí vyhodíš taky.
oboda7
Profil
MyShare:


konkrétní příklad zrovna nevim, jednou sem to viděl, ale nevim kde. Prostě ten text co je v kruhu, ber že tam je třeba napsaný to co se řikal. Šipkou ukazuje na jeden z těch čtverečků, a mě jde o to že jakmile někdo najede na ten čtvereček nebo na něj klikne to už je jedno (prostě chci jednu z těchto dvou možností, ideálně pak příklad obou) tak ten text co je v kroužku zmizí a už se neobjeví, prostě takovej úvodní tutorial na záčátek, prostě aby po tom co uř uživatel ví že je ten čtvereček tlačítko a že funguje tak aby to tam ten text nerušil
nounejm
Profil *
třeba CSS visibility
<div id="schovej" style="visibility: visible">"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</div>
<br />
<br />
<br />
<span onmouseover="document.getElementById('schovej').style.visibility='hidden'">NAJEĎ NA MĚ</span>

najetí je onmouseover
kliknutí je onclick
oboda7
Profil
jenikkozak:
Díky, už sem to nějak "zpatlal" dobromady.

nounejm:
Díky, udělal sem to trocu jinak, ale každopádně skusím i tvůj, třeba bude lepší.
Toto téma je uzamčeno. Odpověď nelze zaslat.