Postupuju podle Vás.OK!
Chcete mít na vašem webu něco nového a přitom šetřit místo? Tak si zkuste vyrobit rolovací linky/odkazy v samostatném panelu/boxíku. Pomocníkem je JavaScript, který se o celou funkci rolování odkazů postará. Lze použít na stránkách HTML. Aby nepřišli zkrátka ani uživatele CMS systému PHP-Fusion v. 6 až 7xx, také pro ně je připraven zdrojový kód panelu.
Rolovací linky v panelu. Mj. šetří místo.
Rolovací odkazy v panelu pro (stránky HTML)
- Celý kód Javascriptu umistíme do hlavíčky dokumentu (Doctype) a to mezi tagy/elementy <head></head>. Zde poznamenávám, že podle nejnovějších specifikací W3C není ukončovací tag/element </head> povinný a rovněž není povinný úvodní tag/element těla dokumentu HTML, tedy <head>. Proto jej v tomto kódu také neuvádím!
- Mezi tagy/elementy head tedy nakopírujte následující kód. Přehledně je vidět umístění skriptu JavaScript:
Zařezení kódu (form) do hlavičky www stránky - (1. kód)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8"><meta name="generator" content="PSPad editor, www.pspad.com"><meta http-equiv="Content-Script-Type" content="text/javascript"><title></title>
<!-- Rolovací panel -->
<form name="form" action=""><select name="web" size=1><option value="">Zajímavé odkazy<option value="http://www.phpfusion.cz">PHP-Fusion.cz<option value="http://www.pooh.cz">Pooh.cz<option value="http://www.interval.cz">Interval.cz<option value="http://www.septer.sk">Septer.sk<option value="http://apps.facebook.com/pcpolitika/">PC-politika-FB<option value="http://www.ceskamedia.cz/index.html">Ceskamedia.cz</select><input type=button value="OK" onClick="javascript:vyberFormulare(this)"></form><!-- KONEC Rolovací panel -->
Ukázka funkčního rolovacího link/odkaz panelu pro HTML stránky: rolpanel.html
Soubor ke stažení je zde: rolpanel.zip
Zařazení kódu Java Scriptu pro zobrazení vlastního panelu (2. kód)
A nyní v HTML stránce zařadíme vlastní JS kód. Prostě tam, kde ho chceme mít, kde se má zobrazovat. Je jedno zda to bude ve sloupc i a pod. Kód vypadá takto:
<body><script type="text/javascript"><!--function vyberFormulare(form){var URL = document.form.rolpanel.options[document.form.rolpanel. selectedIndex].value; window.location.href = URL;}//--></script></body>
Rolovací odkazy v panelu pro PHP-Fusion
- A pro vytvoření panelu v PHP-Fusion (PHPF), verze 6 až 7xx klasickým způsobem přidáte Panel do Infusions. Do editačního okna pak nakopírujete celý následující kód. Toť vše. Musí fungovat! A spolehlivě! Vyzkoušejte.
Zařazení kompletního kódu pro zobrazení panelu v PHPF (3. kód)
opentable("");?><html><head><form name="form" action=""><select name="rolpanel" size=1><option value="http://www.phpfusion.cz">PHP-Fusion.cz<option value="http://www.pooh.cz">Pooh.cz<option value="http://www.interval.cz">Interval.cz<option value="http://www.septer.sk">Septer.sk<option value="http://apps.facebook.com/pcpolitika/">PC-politika-FB<option value="http://www.ceskamedia.cz/index.html">Ceskamedia.cz</select><input type=button value="OK"</form></head><body><script type="text/JavaScript"><!--function vyberFormulare(form){var URL = document.form.rolpanel.options[document.form.rolpanel. selectedIndex].value; window.location.href = URL;}// --></script></body></html><?closetable();
Resumé
Tímto způsobem tedy můžete přidat na svůj web linkovací, či odkazovací panel. Přitom je úsporný, nezabírá tolik místa. Těch panelů může být na klasických HTML stránkách více. V tom případě dejte první kód (form) do hlavičky vaší HomePage. na ostatní stránky paj již přidáváte druhá JS kód. No a pro CMS systém PHPF je to nejjednoduší. Mrsknete celý třetí kód do Panelu v infusions. Že to funguje můžete vidět i zde na našem serveru na Home Page pc-politika.cz. Omlouvám se, že článek nebyl napsán v úplnosti a postupně aktualizován. Proto dík i za připomínku Jirkovi. Hodně zdaru
· UDĚLÁTKA: entity; jak je rychle přepsat pro zobrazení...
· UĎELÁTKA: Vyrobte si svůj blog
· Udělátka: Jak se postarat o dostatek paměti RAM?
· Udělátka: Jak na prázdné mezery v HTML
· Udělátka: Potřebujete web v PDF?
· Udělátka: Posuvníky - rolovací lišty v HTML
· Udělátka: Rolovací linky v panelu
· Udělátka: Jak odstranit Windows Messenger
· Udělátka: Jak si vyrobit překlápění obrázků
· Udělátka: Jak obnovovat načítání stránky?
· Udělátka: Jak přehrát film z půjčovny?
| URL: | |
| BB-Code: | |
| HTML: | |
| Sdílet: |
