TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Dobrý den,
jsem tu nový, takže se omlouvám, pokud nějakým způsobem nedodržím ustanovení tohoto fóra. Chtěl bych se zeptat, jak by bylo možné, aby při kliknutí na odkaz, se otevřelo na původní stránce okénko s aktivním textem. A následně při kliknutí neaktivní část textu, se opět okno zavřelo.
Pro ilustraci jsem toto použítí našel například na
Newbie
http://www.dietbox.cz/poradna.phpTo neni nove okno, to je jen nejaky div zviditelneny/vytvoreny javascriptem. Podivej se do zdrojaku jak to maji udelane.
Musis mit div s absolutnim pozicovan a display:none. Pak kdyz se to aktivuje, tak se display zmeni na block. Zaroven cerly ten div ma v udalosti onclick this.style.display="none";
CommanderZ píše:#
# Musis mit div s absolutnim pozicovan a display:none. Pak kdyz se to aktivuje, tak se display zmeni na block. Zaroven cerly ten div ma v udalosti onclick this.style.display="none";
Norguad píše:#
# Právě, že tam jsem se díval, je to tam páté přes deváté... Bylo by možné naznačit, jak to udělat úplně od začátku?
Norguad píše:#
# Možná teď asi budu příliš odrzlý, ale myslíte, že bych jednoho z vás mohl požádat, aby z toho kódu vystřihl vše potřebné pro vytvoření takovéhoto efektu?
Nahlásit jako SPAM
IP: ...–
Boss
Stálý člen
Super člen
<HTML>
<HEAD>
<META HTTP-Equiv="Content-Type" CONTENT="text/html; charset=iso-8859-2">
<META NAME="description" CONTENT="diet box">
<LINK href="styly.css" rel=StyleSheet type=text/css>
<TITLE> Proc dietbox
</TITLE>
<script language="javascript">
<!--
var g_last = "" ; // posledni garant
function info_g(cg) {
if (g_last==cg && g_last > '' && cg > '' ) {
document.getElementById(cg).style.display="none" ;
g_last="" ;
return true ;
}
document.getElementById("kostal").style.display="none" ;
document.getElementById("cajthamlova").style.display="none" ;
document.getElementById("havlicek").style.display="none" ;
obj2=document.getElementById("base") ;
obj=document.getElementById(cg) ;
obj.style.position="absolute";
obj.style.display="inline";
obj.style.left="100"
obj.style.top="350"
g_last=cg ;
return true ;
}
//-->
</script>
<script language="javascript">
<!--
lide_kostal = new Image();
lide_kostal.src = "images/lide_kostal1.jpg";
lide_kostal1 = new Image();
lide_kostal1.src = "images/lide_kostal0.jpg";
lide_cajh = new Image();
lide_cajh.src = "images/lide_cajh1.gif";
lide_cajh1 = new Image();
lide_cajh1.src = "images/lide_cajh0.gif";
lide_havl = new Image();
lide_havl.src = "images/lide_havl1.gif";
lide_havl1 = new Image();
lide_havl1.src = "images/lide_havl0.gif";
// -->
</script>
</head>
<BODY bgcolor="#FFFFFF" leftmargin=0 topmargin=0 marginwidth="0" marginheight="0">
<!--moje tabulka //-->
<table width="100%">
<tr>
<td width="33%" align="center" class="fialovesb" onclick="info_g('kostal');return true">
<a href="#poradna" onMouseOver="place55.src=lide_kostal.src;window.status=' ';return true;" onMouseOut="place55.src=lide_kostal1.src;window.status=' ';">
<img src="images/lide_kostal0.gif" width="71" height="119" name="place55" border="0" ></a></td>
<td width="33%" align="center" class="fialovesb" onclick="info_g('cajthamlova');return true">
<a href="#poradna" onMouseOver="place56.src=lide_cajh.src;window.status=' ';return true;" onMouseOut="place56.src=lide_cajh1.src;window.status=' ';">
<img src="images/lide_cajh0.gif" width="71" height="119" name="place56" border="0" ></a></td>
<td width="33%" align="center" class="fialovesb" onclick="info_g('havlicek');return true">
<a href="#poradna" onMouseOver="place57.src=lide_havl.src;window.status=' ';return true;" onMouseOut="place57.src=lide_havl1.src;window.status=' ';">
<img src="images/lide_havl0.gif" width="71" height="119" name="place57" border="0" ></a></td>
</table>
<!--moje tabulka //-->
<!-------------kostal //-->
<div id="kostal" style="display:none" onclick="this.style.display='none'">
<br>
<table bgcolor="#ffffff" width="60%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="7">
<img src="images/roh_linka_lh.gif" width="7" height="7"></td>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#DB0862">
<img src="images/nic.gif" width="1" height="1" border="0"></td>
</tr>
<tr>
<td>
<img src="images/nic.gif" width="1" height="1" border="0"></td>
</tr>
</table></td>
<td align="right">
<img src="images/roh_linka_ph.gif" width="7" height="7"></td>
</tr>
<tr>
<td background="images/bgrd_tab_left.gif">
<img src="images/nic.gif" width="1" height="1" border="0"></td>
<td>
<span class="nadpis_fialovy"> Martin Košťál
</span>
<br>
<table bgcolor="#F5DEE6" width="100%" border="0" cellpadding="0" cellspacing="0">
<!-- horni kulaty //-->
<tr>
<td width="6">
<img src="images/roh_pink_lh.gif" width="6" height="6"></td>
<td>
<img src="images/nic.gif" width="1" height="1" border="0"></td>
<td width="6" align="right">
<img src="images/roh_pink_ph.gif" width="6" height="6"></td>
</tr>
<!-- pocud + textovy//-->
<tr>
<td width="6">
<img src="images/nic.gif" width="1" height="1" border="0" ></td>
<td>
<!--moje tabulka //-->
<table>
<tr>
<td>
<pre>
Narozen 8. 7. 1979 v Pardubicích
Vzdělání: 8 lete Sportovní Gymnázium - ukončeno 1997
Fakulta tělesné výchovy a sportu UK - ukončeno 2004
Sportovní historie: Několikanásobný medailista ČR v běhu na 400 m
7. místo ME 4x400 m
3. místo Akademické mistrovství ČR v hokeji
Certifikace: 2006 Holmes Place - Personal Trainer Education
2006 X-BIKE instruktor (Zbyněk Petr, Libor Hrubý - Holmes Place)
2005 U.S. Lifesaving asociation, USA, FL
2004 magisterský diplom FTVS UK
2003 lyžarský instruktor (FTVS UK)
</pre></td>
</tr>
<tr>
<td class="black"> Motto: You´ll never know what you can do until you get it up as high as you can go.
<a href="mailto:dkostal@dietbox.cz">dkostal@dietbox.cz</a>
<br></td>
</tr>
</table>
<!--moje tabulka //-->
<!--konec //--></td>
<td width="6">
<img src="images/nic.gif" width="1" height="1" border="0"></td>
</tr>
<!-- dolni kulaty kulaty //-->
<tr>
<td width="6">
<img src="images/roh_pink_ld.gif" width="6" height="6"></td>
<td>
<img src="images/nic.gif" width="1" height="1" border="0"></td>
<td width="6" align="right">
<img src="images/roh_pink_pd.gif" width="6" height="6"></td>
</tr>
<tr>
<td colspan="3" bgcolor="#FFFFFF">
<img src="images/nic.gif" width="1" height="2"></td>
</tr>
<!-- pocud -->
</table></td>
<td width="7" background="images/bgrd_tab_right.gif">
<img src="images/nic.gif" width="1" height="1" border="0"></td>
</tr>
<tr>
<td>
<img src="images/roh_linka_ld.gif" width="7" height="7"></td>
<td valign="bottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<img src="images/nic.gif" width="1" height="1" border="0"></td>
</tr>
<tr>
<td bgcolor="#DB0862">
<img src="images/nic.gif" width="1" height="1" border="0"></td>
</tr>
</table></td>
<td align="right">
<img src="images/roh_linka_pd.gif" width="7" height="7"></td>
</tr>
</table>
<table>
</table>
<!--
-----------------------
//-->
<table>
<tr>
<td></td>
</tr>
</table>
</div>
<!--kostal eof//-->
<!-------------havlicek //-->
<div id="havlicek" style="display:none" onclick="this.style.display='none'">
<br>
<table bgcolor="#ffffff" width="60%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="7">
<img src="images/roh_linka_lh.gif" width="7" height="7"></td>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#DB0862">
<img src="images/nic.gif" width="1" height="1" border="0"></td>
</tr>
<tr>
<td>
<img src="images/nic.gif" width="1" height="1" border="0"></td>
</tr>
</table></td>
<td align="right">
<img src="images/roh_linka_ph.gif" width="7" height="7"></td>
</tr>
<tr>
<td background="images/bgrd_tab_left.gif">
<img src="images/nic.gif" width="1" height="1" border="0"></td>
<td>
<span class="nadpis_fialovy"> Ing. Petr Havlíček
</span>
<br>
<table bgcolor="#F5DEE6" width="100%" border="0" cellpadding="0" cellspacing="0">
<!-- horni kulaty //-->
<tr>
<td width="6">
<img src="images/roh_pink_lh.gif" width="6" height="6"></td>
<td>
<img src="images/nic.gif" width="1" height="1" border="0"></td>
<td width="6" align="right">
<img src="images/roh_pink_ph.gif" width="6" height="6"></td>
</tr>
<!-- pocud + textovy//-->
<tr>
<td width="6">
<img src="images/nic.gif" width="1" height="1" border="0" ></td>
<td>
<!--moje tabulka //-->
<table>
<tr>
<td>
<pre>
Narozen: 29.4. 1969,
Absolvent VŠZ v Brně
Od roku 1994 specializace na
doplňkovou a sportovní výživu
nutriční programy pro úpravy hmotnosti
nutriční programy, které jsou součástí léčebné terapie
optimalizace stravování
nutriční programy pro vrcholový sport
nutriční programy pro rekreační sport
V letech 1999-2001 pobytové odborné stáže v Jižní Koreji a v USA
Od roku 1995 odborný konzultant v oblasti výživy
Od roku 1999 odborný konzultant největšího tuzemského producenta doplňkové a sportovní výživy - NUTREND D.S., a.s.
Ředitel firmy zaměřené na velkoobchodní a maloobchodní prodej doplňkové, sportovní a speciální výživy
Autor odborných a odborně populárních článků o výživě - Svět Kulturistiky, Fitness, Atletika, Velo, Cykloservis,...
Spolupráce s vrcholovým sportem od roku 1997:
Jednotlivci:
Dvořák Tomáš - atletika
Mužík Jiří - atletika
Neumannová Kateřina - běh na lyžích
Chalupa Václav - veslování
David Huf, Radka Hanáková - sportovní aerobik
Vabroušek Michal - veslování
Šebrle Roman - atletika
Vabroušek Petr - Ironman
Švec Marek - řecko-římský zápas
Dušek Martin - sportovní aerobik
Ebertová Hana - cyklistika - ultramaraton
Šafářová Lucie - tenis
Kopka Jan - ultra dlouhé cyklistické závody v extrémních podmínkách
Capalini Libor - moderní pětiboj
Gottvald Miroslav - motocross
Vršecký David - závody trucků
</pre></td>
</tr>
<tr>
<td class="black"> Poradí vám, jak se správně stravovat i po skončení dietního programu v dietboxech.
<a href="mailto:phavlicek@dietbox.cz">phavlicek@dietbox.cz</a>
<br></td>
</tr>
</table>
<!--moje tabulka //-->
<!--konec //--></td>
<td width="6">
<img src="images/nic.gif" width="1" height="1" border="0"></td>
</tr>
<!-- dolni kulaty kulaty //-->
<tr>
<td width="6">
<img src="images/roh_pink_ld.gif" width="6" height="6"></td>
<td>
<img src="images/nic.gif" width="1" height="1" border="0"></td>
<td width="6" align="right">
<img src="images/roh_pink_pd.gif" width="6" height="6"></td>
</tr>
<tr>
<td colspan="3" bgcolor="#FFFFFF">
<img src="images/nic.gif" width="1" height="2"></td>
</tr>
<!-- pocud -->
</table></td>
<td width="7" background="images/bgrd_tab_right.gif">
<img src="images/nic.gif" width="1" height="1" border="0"></td>
</tr>
<tr>
<td>
<img src="images/roh_linka_ld.gif" width="7" height="7"></td>
<td valign="bottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<img src="images/nic.gif" width="1" height="1" border="0"></td>
</tr>
<tr>
<td bgcolor="#DB0862">
<img src="images/nic.gif" width="1" height="1" border="0"></td>
</tr>
</table></td>
<td align="right">
<img src="images/roh_linka_pd.gif" width="7" height="7"></td>
</tr>
</table>
<table>
</table>
<!--
-----------------------
//-->
<table>
<tr>
<td></td>
</tr>
</table>
</div>
<!--havlicek eof//-->
<div id="cajthamlova" style="display:none" onclick="this.style.display='none'">
<br>
<table bgcolor="#ffffff" width="60%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="7">
<img src="images/roh_linka_lh.gif" width="7" height="7"></td>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#DB0862">
<img src="images/nic.gif" width="1" height="1" border="0"></td>
</tr>
<tr>
<td>
<img src="images/nic.gif" width="1" height="1" border="0"></td>
</tr>
</table> </td>
<td align="right">
<img src="images/roh_linka_ph.gif" width="7" height="7"></td>
</tr>
<tr>
<td background="images/bgrd_tab_left.gif">
<img src="images/nic.gif" width="1" height="1" border="0"></td>
<td>
<span class="nadpis_fialovy">
MUDr. Kateřina Cajthamlová
</span>
<br>
<table bgcolor="#F5DEE6" width="100%" border="0" cellpadding="0" cellspacing="0">
<!-- horni kulaty //-->
<tr>
<td width="6">
<img src="images/roh_pink_lh.gif" width="6" height="6"></td>
<td>
<img src="images/nic.gif" width="1" height="1" border="0"></td>
<td width="6" align="right">
<img src="images/roh_pink_ph.gif" width="6" height="6"></td>
</tr>
<!-- pocud + textovy//-->
<tr>
<td width="6">
<img src="images/nic.gif" width="1" height="1" border="0" ></td>
<td>
<!--moje tabulka //-->
<table>
<tr>
<td> V roce 1986 jsem absolvovala I.lékařskou fakultu University Karlovy v Praze. Během studia jsem se sice intenzivně věnovala vědecké činnosti v oboru genetiky, ale po kratším rozhodování, zda budu pracovat v laboratoři nebo s pacienty, zvítězila myšlenka doktora "pro lidi". Nastoupila jsem v nemocnici jako internistka. Hledání toho, proč jsou lidé vlastně nemocní mne však neopustilo.
<br>
<br> V porevolučních létech jsem také spolupracovala s Dánskou společností Pharma Nord, která tehdy vstupovala na náš trh s ucelenou koncepcí doplňků výživy, vitaminů a enzymů. Tehdy jsem se začala věnovat dietologii, metabolickým chorobám a chorobám srdce a cév.
<br>
<br> Přes vysloveně konvenční obory - všeobecná interna, gastroenterologie a onkologie - jsem se dostávala hloub a hloub k tomu, že člověka nejde rozdělit na jednotlivé obory, ale že příčiny nemocí jsou komplexní - a že velká část z nich tkví v lidské psychice a životním stylu. A začala jsem studovat psychosomatickou medicinu, homeopatii (London Schoul of Homeopaty) a nakonec i systemickou psychoterapii.
<br>
<br> Od roku 2001 mám soukromou lékařskou praxi, kde se snažím všechny své znalosti z doby dvaceti let zkušeností s lidmi a jejich trápením i s nemocemi a jejich vznikem a léčením používat komplexně. Zabývám se nejen fyzickými obtížemi svých klientů, ale také jejich celkovou osobností, zvyky, způsobem myšlení a společně hledáme pro každého individuální řešení "na míru". Při své činnosti spolupracuji s rehabilitačními pracovníky, akupunkturistkou, sportovním lékařem a se specialisty na výživu.
<br>
<br> Život v civilizovaném světě přináší spoustu stresů, které naše miliony let staré tělo nedokáže dlouhodobě ve zdraví snášet: Máme málo času, nedostatečný kontakt s přírodou, uspěchané vztahy. Život uniká mezi prsty a často přijde nemoc nebo obtíž, aby nás upozornily na to, jak mnoho jsme se odchýlili od sebe sama.
<br>
<br> Mým heslem je, že nejlepší léčbou je prevence - a že léčení a život vůbec nemají být utrpení, ale radost a trvalý rozvoj všech stránek osobnosti. Proto mne zaujal i program Dietbox - jednoduchý, chutný, zdravý a individualizovaný systém výživy, který si může dovolit každý, kdo chce nejen zhubnout, ale i prospět své hladině cholesterolu, cukru - a to vše bez trýznivého přemýšlení co je zdravé a co si mohu dopřát.
<br>
<br> Sama jsem se odnaučovala přemýšlet a učila se s radostí a pocitem vyrovnanosti a spokojenosti sama se sebou žít v souladu s tím, kdo jsem. Mám pocit společného úspěchu, když vidím, jak se mí klienti osvobozují z omezení, která si sami uložili nebo na sebe nevědomky během života nechali naložit. S každým vyléčeným, rozzářeným, se sebou samým spokojeným klientem zažívám malý zázrak. Život je fér a když žijeme, jíme, milujeme a užíváme každý den S CHUTÍ, přinese nám to nejdůležitější: RADOST ZE ŽIVOTA.
<br>
<br></td>
</tr>
<tr>
<td class="black"> Každý z nás je krásná bytost, jen se někdy neumíme správně použít.
<a href="mailto:kcajthamlova@dietbox.cz">kcajthamlova@dietbox.cz</a>
<br></td>
</tr>
</table>
<!--moje tabulka //-->
<!--konec //--> </td>
<td width="6">
<img src="images/nic.gif" width="1" height="1" border="0"></td>
</tr>
<!-- dolni kulaty kulaty //-->
<tr>
<td width="6">
<img src="images/roh_pink_ld.gif" width="6" height="6"></td>
<td>
<img src="images/nic.gif" width="1" height="1" border="0"></td>
<td width="6" align="right">
<img src="images/roh_pink_pd.gif" width="6" height="6"></td>
</tr>
<tr>
<td colspan="3" bgcolor="#FFFFFF">
<img src="images/nic.gif" width="1" height="2"></td>
</tr>
<!-- pocud -->
</table> </td>
<td width="7" background="images/bgrd_tab_right.gif">
<img src="images/nic.gif" width="1" height="1" border="0"></td>
</tr>
<tr>
<td>
<img src="images/roh_linka_ld.gif" width="7" height="7"></td>
<td valign="bottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<img src="images/nic.gif" width="1" height="1" border="0"></td>
</tr>
<tr>
<td bgcolor="#DB0862">
<img src="images/nic.gif" width="1" height="1" border="0"></td>
</tr>
</table></td>
<td align="right">
<img src="images/roh_linka_pd.gif" width="7" height="7"></td>
</tr>
</table>
<table>
</table>
<!--
-----------------------
//-->
<table>
<tr>
<td></td>
</tr>
</table>
</div>
</body>
</html>
<HTML>
<HEAD>
<META HTTP-Equiv="Content-Type" CONTENT="text/html; charset=iso-8859-2">
<META NAME="description" CONTENT="diet box">
<LINK href="styly.css" rel=StyleSheet type=text/css>
<TITLE> Proc dietbox
</TITLE>
<script language="javascript">
<!--
/**
* Kdyz se na to tedka divam asi bych to udelal jinak,
* ale coz. Tahle funkce skryva a odkryva dole uvedene
* divy.
*/
var g_last = "" ; // posledni garant
function info_g(cg) {
//kdyz posledni garant se rovna tomu na co jsem klikli
//nejsou to prazdne retezce, potom skryt aktualni div(cg)
//po uspesnem zakryti varaci true a tim padem ukoncuje beh fce
if (g_last==cg && g_last > '' && cg > '' ) {
document.getElementById(cg).style.display="none" ;
g_last="" ;
return true ;
}
//tady se skryjou vsechny divy
document.getElementById("kostal").style.display="none" ;
document.getElementById("cajthamlova").style.display="none" ;
document.getElementById("havlicek").style.display="none" ;
//dolejsek fce uz neni pro spravnou funkcnost nutne az po obj.style.top="350"
// ten konec je nutny ( g_last=cg ;)
//tady programtor linej, proto si ulozi objekty do promenne
obj2=document.getElementById("base") ;
obj=document.getElementById(cg) ;
//a tady je nastyluje, pokud nevite co se jak styluje
//doporucuju si precist neco o CSS
obj.style.position="absolute";
obj.style.display="inline";
obj.style.left="100"
obj.style.top="350"
//tady se uklada parametr cg(id divu/elementu)
// do globalni promenne g_last
g_last=cg ;
//tady se jen tak ze srandy vraci true, prestoze si myslim,
// ze je to zbytecny(muzes testnout)
return true ;
}
//-->
</script>
</head>
<BODY>
<!-- Pod timhle komikem je par klikacich odkazu, pri kterych se zobrazi ty divy -->
<a href="#poradna" onclick="info_g('kostal');return true">kostal</a>
<a href="#poradna" onclick="info_g('cajthamlova');return true">cajthamlova</a>
<a href="#poradna" onclick="info_g('havlicek');return true">havlicek</a>
<!-- Pod timhle komikem je par divu, ktery se zobrazujou a skrivaj dle toho kam klikas -->
<div id="kostal" style="display:none" onclick="this.style.display='none'"> Tak tady je vse okolo kostala. + Plus nejaky nastylovani
</div>
<div id="havlicek" style="display:none" onclick="this.style.display='none'"> Tak tady je vse okolo cajthamlove. + Plus nejaky nastylovani
</div>
<div id="cajthamlova" style="display:none" onclick="this.style.display='none'"> Tak tady je vse okolo havlicka. + Plus nejaky nastylovani
</div>
</body>
</html>
Je to trochu podivne udelane, vzdyt by melo stacit neco jako tohle, jen pokud budes chit mit vic tech oken tak tam budes muset pridat jeste promennou kterou budes konrolovat stav.
<a href="#" onclick="document.getElementById('okno').style.display='block';return false;">Otevrit okno</a>
<div id="okno" style="display:none; position:absolute; top:300px; left: 400px;background:orange;border:3px black double" onclick="this.style.display='none';">
Obsah okna
</div>CommanderZ píše:#
# Je to trochu podivne udelane, vzdyt by melo stacit neco jako tohle, jen pokud budes chit mit vic tech oken tak tam budes muset pridat jeste promennou kterou budes konrolovat stav.
D1ce: Kdo na tebe zase s3r3?
Ok, tak tady je to upravene pro tri okna (dalsi jdou samozrejme naprosto volne pridavat)
<a href="#" onclick="document.getElementById(last).style.display='none';document.getElementById('okno1').style.display='block';last='okno1';return false;">Otevrit okno</a>
<a href="#" onclick="document.getElementById(last).style.display='none';document.getElementById('okno2').style.display='block';last='okno2';return false;">Otevrit okno</a>
<a href="#" onclick="document.getElementById(last).style.display='none';document.getElementById('okno3').style.display='block';last='okno3';return false;">Otevrit okno</a>
<div id="okno1" style="display:none; position:absolute; top:115px; left: 450px;background:orange;border:3px black double" onclick="this.style.display='none';">
Obsah okna1
</div>
<div id="okno2" style="display:none; position:absolute; top:300px; left: 400px;background:orange;border:3px black double" onclick="this.style.display='none';">
Obsah okna2
</div>
<div id="okno3" style="display:none; position:absolute; top:500px; left:212px;background:orange;border:3px black double" onclick="this.style.display='none';">
Obsah okna3
</div>
Zjistit počet nových příspěvků
Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku
© 2003–2024 Programujte.com