+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [Javascript/CSS] Kod nie dziala FF / Problem z menu (/thread-javascript-css-kod-nie-dziala-ff-problem-z-menu)
[Javascript/CSS] Kod nie dziala FF / Problem z menu - Zikerek - 06-02-2010
Witam, mam tak oto kod:
Kod:
function changeLanguage(lang)
{
var url = window.location.href;
var filename = url.substring(url.lastIndexOf('/')+1);
var pathname = url.substring(0, url.lastIndexOf('/')+1);
if (lang == 'en' && url.indexOf('en') == '-1')
{
window.navigate(pathname +'en/'+ filename);
}
if (lang == 'pl' && url.lastIndexOf('en') != '-1')
{
var pathname = url.substring(0, url.lastIndexOf('/')-2);
window.navigate(pathname + filename);
}
}Powoduje on zapisanie aktualnego url strony, po czym rozbija owy url na dwa elementy (sciezke, bez nazwy pliku i rozszerzenia) oraz na nazwe pliku wraz z rozszerzeniem.
Jest to zrobione w celu zmiany adresu strony w ten sposob, by przed nazwa pliku bylo 'en/' - np.
blablabla/home.html -> blablabla/en/home.html
Jest to podpiete pod obrazek
Kod:
<img src="Images/pl.jpg" style="border:thin black solid;cursor:pointer;" onClick="changeLanguage('pl');" />Skrypt dziala pod Opera 10, IE 8, IE 7 - nie dziala natomiast pod Mozilla i Google Chrome. Jaka moze byc tego przyczyna?
Drugi problem to menu zrobione w CSS, wszystko byloby dobrze, ale IE7 wyswietla podmenu POD strona (tj. div'ami umieszczonymi na stronie), co sprawia, iz odnosnikow nie mozna nacisnac
Kod:
Kod:
.menu-v ul{
margin: 0;
padding: 0;
width: 140px; /* Main Menu Item widths */
list-style-type: none;
font: bold 12px Verdana;
border-top: 1px solid #8C897D;
border-right: 1px solid #8C897D;
border-left: 1px solid #8C897D;
position:relative;
left:10px;
top:80px;
border-bottom:1px hidden;
}
.menu-v ul li{
position: relative;
text-indent: 17px;
}
/* Top level menu links style */
.menu-v ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color:#8C7A55;
text-decoration: none;
padding: 6px;
}
.menu-v ul li a:link, .menu-v ul li a:visited, .menu-v ul li a:active{
background:#C1BCA8 url(../Images/menubtnback.png) no-repeat left; /*background of menu items (default state)*/
color:#8C7A55;
}
.menu-v ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #C1BCA8 url(../Images/menubtnbackdown.png) no-repeat left;
color:#A29D53;
}
.menu-v ul li a:hover{
background: #C1BCA8 url(../Images/menubtnbackdown.png) no-repeat left; /*background of menu items during onmouseover (hover state)*/
color:#938942;
font-style:oblique;
}
/*Sub level menu items */
.menu-v ul li ul{
position: absolute;
width: 140px; /*Sub Menu Items width */
top: 0;
font-weight: normal;
visibility: hidden;
}
/* Holly Hack for IE \*/
* html .menu-v ul li { float: left; height: 1%; }
* html .menu-v ul li a { height: 1%; }
/* End */Coz mozna z tym zrobic? Moze potrzeba wiecej informacji?
Z gory dziekuje za weszlka udzielona pomoc,
pozdrawiam,
Zikerek