Autor Zpráva
mikul
Profil *
Určitě to tu někde bude řešené ale nemůžu to najít. Potřeboval bych aby mi někdo poradil. Mám odkaz na obrázek. Kliknu na něj a chci aby se pod tím odkazem ten obrázek oběvil. Pak když na něj (ten odkaz) kliknu znovu tak aby obrázek zmizel. Nebo aby to fungovalo podobně. Je to totiž řešení příkladu tak chci aby šlo ukázat po kliknutí a pak znovu schovat.
Rellik
Profil
hledej fci window.open ... urcite pak najdes i fci na zavirani okna... ;) jestli si to teda myslel jako ze nahled bude v novem okne...
YoSarin
Profil
Rellik
Buď tak, anebo pomocí display: none; a při kliknutí na odkaz nastavit display:block;
Což by ale znamenalo, že by se ten obrázek načítal spolu s celou stránkou a pokud by tam takových věcí bylo víc, nebylo by to asi zrovna nejrychlejší... :-)
mikul
Profil *
Ne na jedné stránce sou max. 4 o velikosti do 10kB. Nechci to v novém okně jestli myslíš něco jako target:blanc. To je v tomto případě takové neohrabané a matoucí. Aspoň mi to tak příjde. Můžu vám to konkrétně ukázat: http://resenafyzika.ic.cz/mechanika/kinematika.htm Jde prostě o to ukázat po kliknutí řešení a pak ho po kliknutí znovu schovat. Vím že mi to co bude pod tím obrázkem uskočí dolů ale příjde mi to lepší než v novém okně.
habendorf
Profil
Budeš tam jen na onclick měnit hodnotu vlastnosti display.
mikul
Profil *
Hej sorry že furt otravuju ale to na mě bylo asi moc stručné. Nějak to nezvládnu. Např když se mění obrázek na onmouseover to chápu. Ale todle. Mám odkaz: <a href="kam???">Řešení</a>
Hned za ním obrázek: <img src="../images/priklady/mechanika/mechanika1.gif">
Chci aby obrázek nebyl vidět. Kliknu na odkaz chci aby byl vidět. Kliknu podruhé chci aby nebyl vidět. Kám mám zadat onclick="display:block" posléze onclick="display:none". A má to být vůbec takto?
Nějak polopatě
habendorf
Profil
No odkaz bude vypadat nějak takhle:

<a href="#" onclick="nejakaFunkce(); return false">text</a>

Vím že mi to co bude pod tím obrázkem uskočí dolů

Tak si v tý funkci můžeš hrát s visibility místo display. Třeba. Nebo si tam na ten obrázek vyhradit nějaký blok.
mikul
Profil *
Dík vše to zkusím a kdyžtak se eště ezvu. Mě šlo o to že sem nevěděl kam co příjde
mikul
Profil *
Ztracen!!
<a href="adresaobrazku" onclick="display:block(´adresaobrazku´); return false">text</a> ???
<img src="adresaobrazku">
já to prostě nedávám. takhle to má fungovat? samozřejmě přibližně.
tam mám mít jako 2x onclick poprvé display:block podruhé display:none?
Není to tu někde použité že by si to předělal podle toho
Takové věci sem vždycky vzal odsud jak je to ukázané na příkladě a předělal podle své potřeby
habendorf
Profil
Ten odkaz nech jak jsem ti ho napsal, OK? :o)

Takže

<a href="#" onclick="nejakaFunkce(); return false">text</a>
<img src="..." id="obrazek" ..... />

a do head dáš

<script>
function nejakaFunkce()
{
viditelnost = document.getElementById('obrazek').style.visibility;
viditelnost = hidden ? visible : hidden;
}
</script>
mikul
Profil *
Názorně (samozřejmě pro mě):
<script>
function nejakaFunkce()
{
viditelnost = document.getElementById('obrazek').style.visibility;
viditelnost = hidden ? visible : hidden;
}
</script> todle dam do head

Do toho asi šahat taky nemám a říká to že chci fci která se jmenuje nejakaFunkce pro elementy označené id="obrazek" a že ta fce bude něco dělat s viditelností že?
v Javascriptech se fakt nevyznám má tam fakt být ten otazník?? viditelnost = hidden ? visible : hidden

Dále mám uprostřes stránky <a href="#" onclick="nejakaFunkce(); return false">Řešení</a>
<img src="../images/priklady/mechanika/dynamika1.gif" id="obrazek" ..... /> jen sem tam přidal adresu.

Chápu to správně? On je totiž ten obrázek pořád viditelný a nic se s ním neděje.
habendorf
Profil
Tak tady to máš.

http://stuff.1-webdesign.cz/visibility.html
mikul
Profil *
Fakt díky. Kdybych to nepotřeboval tak tak moc neotravuju.
mikul
Profil *
Vážně sem si myslel že už nebudu otravovat. Problém však je v tom, že když mám těch obrázků na stránce více tak sem mi pořád oběvuje a schovává ten první ať kliknu na kterýkoli odkaz.
mikul
Profil *
Prosím Vás, víte někdo co sem tam musí přidat nebo změnit? Já sem ve scriptech naprostý amatér a neumím s nimi.
krteczek
Profil
mikul: každý ten obrázem musí mít nastaveno jiné id a funkce se samozřejměmusí trošku upravit:

/** upravená fce **/
function nejakaFunkce(idecko)
{
viditelnost = document.getElementById(idecko).style.visibility;
viditelnost = hidden ? visible : hidden;
}

a všechny obrázky musíš volat takhle:

<a href="#" onclick="nejakaFunkce('obr1'); return false">zobraz / skryj</a>
<img src="../images/priklady/mechanika/dynamika1.gif" id="obr1" ..... />

<a href="#" onclick="nejakaFunkce('obr2'); return false">zobraz / skryj</a>
<img src="../images/priklady/mechanika/dynamika2.gif" id="obr2" ..... />

krteczek
mikul
Profil *
No mám tam script který mi udelal habendorf a ten mi vyhovuje jen sem si tam dal display. Todle mam v head.
<style>
img {display:block}
.visible {display:none}
.hidden {display:block}
</style>
<script>
function changeClass()
{
picture = document.getElementById(obrazek);
if (picture.className=='hidden')
picture.className='visible'
else
picture.className='hidden'
}
</script>
Pak mám v textu
<a href="#" onclick="changeClass(); return false">Click!</a>
<img src="../images/priklady/mechanika/dynamika1.gif" id="obrazek" class="hidden" /> -Tendle odkaz chápu ale ten script??

může se to do těch Id() vypsat za sebou? jakože nějak takhle Id('obr1','obr2') ale nějak jinak protože tohle nejde, ale je možné že chyba je jinde. A když dám do té -function changeClass()- závorky něco tak mi to nejde vubec.
habendorf
Profil
mikul

Teda s tebou je práce :o)
On to krteczek píše dobře, jen reaguje na starší skript, neví že jsme to změnili. Takže:

<script>
function changeClass(idecko)
{
picture = document.getElementById(idecko);
if (picture.className=='hidden')
picture.className='visible'
else
picture.className='hidden'
}
</script>

<a href="#" onclick="changeClass('obrazek1'); return false">Click!</a>
<img src="../images/priklady/mechanika/dynamika1.gif" id="obrazek1" class="hidden" />

<a href="#" onclick="changeClass('obrazek2'); return false">Click!</a>
<img src="../images/priklady/mechanika/dynamika2.gif" id="obrazek2" class="hidden" />
mikul
Profil *
Sem upřímně rád že i po okzkoušení už to jde přesně jak sem chtěl. Fak dík moc. Sám doufám že ohledně tohoto tématu sem už nikdy nic nenapíšu. poklona všem kdo nad mým (pro vás banálním) problémem ztratili jen vteřinu času. Dík
Toto téma je uzamčeno. Odpověď nelze zaslat.

0