ďťż
Podstrony
|
telcocafeWitam.Zaprojektowałem, wydaje mi się całkiem fajne, pole wyboru kraju, które miało by zastąpić znacznik <select>. Niestety nie wziąłem pod uwage kilku rzeczy, między innymi tego, że załadowanie wszystkich flag państw zajmie trochę czasu, a owe menu stworzyłem tylko i wyłącznie po to, żeby w opcjach wyboru obok nazwy państwa widniała flaga danego kraju. Daje wam to tutaj jako ciekawostke powiedzcie co sądzicie. ( Wersja demo ma usunięte owe flagi ) Oryginal ScreenShot: Link View Demo: Link Download ( with flags ): Rapidshare Link <?php $fp = fopen('pl.countrys.inc', r); while (!feof($fp)) { $countrysFile .= fread($fp, 8192); } fclose($fp); $countrys=array(); $flags=array(); $i=0; $arr1 = explode('-|-', $countrysFile); foreach ($arr1 as $k=>$v) { $arr2 = explode(':|:', $v); $countrys[$i]=$arr2[1]; $flags[$i]=$arr2[0]; $i++; } $countryList = ''; for($i=0; $i<=count($countrys)-1; $i++) { $countryList .= '<li><a href="java script: changeValue(\'countryName\',\''.$countrys[$i].'\ ');changeFlag(\''.$flags[$i].'\')"> '.$countrys[$i].'</a></li>'; } ?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Project 6</title> <script language="javascript" type="text/javascript"> function changeValue(elementID,value) { document.getElementById(elementID).value=value; } function changeFlag(value) { document.getElementById('countryFlag').src='../flags/'+value+'.gif'; document.getElementById('countryFlagHidden').value=value; } </script> <style type="text/css"> body { behavior: url(csshover.htc); } /* WinIE behavior call */ div#countryList { width:200px; float:left; background:#5c1a06; } div#countryList ul { width:200px; margin:0; padding:0; background:#5c1a06; border:1px solid #000000; } div#countryList li { position:relative; list-style:none; margin:0; border-bottom:1px solid #000000; } div#countryList li:hover { background:#842409; } div#countryList li.submenu { background:url(down_arrow.gif) 97% 60% no-repeat; color:#CCCCCC; font-size:12px; padding:0.25em 0 0.25em 0.25em; border-bottom:0; } div#countryList li.submenu input { background:none; color:#CCCCCC; font-size:12px; border:0; } div#countryList li a { width:179px; color:#CCCCCC; font-size:12px; display:block; padding:0.25em 0 0.25em 0.25em; text-decoration:none; } div#countryList li a img { border:0; margin-top:3px; } div#countryList ul ul { position:absolute; left:170px; top:-1px; display:none; overflow:auto; height:200px; } div#countryList ul.level1 li.submenu:hover ul.level2 { display:block; } </style> </head> <body> <div id="countryList"> <ul class="level1"> <li class="submenu"><img id="countryFlag" src="../flags/pl.gif"> <input id="countryName" style="width:160px;" type="text" value="Kraj wybrany"><input type="hidden" name="countryFlagHidden"> <ul class="level2"> <?php echo $countryList; ?> </ul> </li> </ul> </div> </body> </html> Oryginał: for($i=0; $i<=count($countrys)-1; $i++) { $countryList .= '<li><a href="java script: changeValue(\'countryName\',\''.$countrys[$i].' \');changeFlag(\''.$flags[$i].'\')" ><img src="flags/'.$flags[$i].'.gif"> '.$countrys[$i].'</a></li>'; } ii twoj problem to? ii twoj problem to? Chyba mamy to ocenić i ewentualnie cos doradzić ;) Daje wam to tutaj jako ciekawostke powiedzcie co sądzicie. Wg mnie ciężko się tym wybiera kraje. Nie wiem jak to zrobić. Ciągle mi się zamyka ta lista rozwijana :/ Mam FF. Na IE wszytko jest ok. Użytkownik sauron edytował ten post 29 sierpień 2006, 18:55 Dzięki sauron. No cóż więc zostajmy przy <select>. A chciałem troche urozmaicić tą strone =] A nie można by było tego zrobić z użuciem onmouseover ?? Po najechaniu na państwo pokazywała by się flaga. |
|||
Sitedesign by AltusUmbrae. |