Podstrony
- telcocafe
- skrypt działa strona nie działa strona działa skrypt nie działa co z tym zrobić?
- Stałe menu Jak zrobic stałe menu
- Parser szablonów Jak zrobić parser szablonów ?
- forum w html jak zrobić forum w html
- [HTML] Logowanie do ftp poprzez pole tekstowe Jak zrobić logowanie do ftp poprzez pole
- jak zrobic aktualizacje php? pomocy!!!!!
- [layout] Jak zrobić layouta ??
- [PHP] Tablice (ze zmiennych $$) Jak to zrobić? PISZCIE!!!
- [PHP] Jak zrobić download katalogu w php? downl. katalogu z dynamiczną zawartością
- Torrenty Jak moge zrobic torrenty ??
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- wrobelek.opx.pl
telcocafe
Witam.Potrzebuje wiedziec jak powinien wygladac czesc kody JS, aby uzyskac taki efekt: EFEKT. Wiem,jak zrobic,by po najechaniu na wybrany kolor samochodu,wyswietlal sie odpowiedni samochod.Ale jak zrobic,by po najechaniu na wybrany kolor samochodu,w opcji "Tapicerka" zmienialy sie rysunki odpowiednie do wybranej tapicerki i by tam,tez mozna byli jak sie kliknie na kolor tapicerki, zdjecie sie pokazalo.Tak jak jest to na powyzszej styrone.
Wlasnie nie mam jak pokazac zrobla,Chyba sie nie da tam.
etam się nie da....
Jasne że się da!
Kod całej strony, skopiuj co ci potrzeba:
[code]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Fiat w Polsce - Konfigurator</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<script language="Javascript" type="text/Javascript" src="js/fiat.js"></script>
<link href="css/fiat.css" rel="stylesheet" type="text/css">
<script language="Javascript">
<!--
var linki = new Array();
linki['panda4x4'] = '';
linki['special'] = '/index.php?pid=7#serie';
linki['genewa2005'] = '/index.php?pid=43&id_news=115';
linki['sport2005_2'] = '';
// multipla competition
function openMultiplaCompetition(){
var win = window.open("http://213.215.170.74/multipla_trepiutre/PL/Start.asp?pag=Flash",'main' ,'height=' + (screen.availHeight-30) + ',width=' + (screen.availWidth-10)+',top=0,left=0');
}
function openSubSite(url){
document.location.href = linki[url];
}
function openMenuLink(urlPath,openParameters){
var win=window.open(urlPath,'menuWindow',openParameters);
}
function openPopupElement(urlPath,openParameters){
var win=window.open(urlPath,'',openParameters);
}
function openCountryLink(dummy,frmName) {
var theURL = document.getElementById(frmName).value;
if (theURL != ""){
window.open(theURL);
}
}
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<script type="text/javascript">
var slide = null;
function prevSlide() {
if(document.images) {
currentslide--;
if(currentslide<0) currentslide=maxslides-1;
document.images['slide'].src=slide[currentslide].src;
}
}
function nextSlide() {
if(document.images) {
currentslide++;
if(currentslide>maxslides-1) currentslide=0;
document.images['slide'].src=slide[currentslide].src;
}
}
/// powiekszanie obrazkow
function openPopupImage( imgName ){
var popUpUrl = "inc/contents/" + "picture_zoom.php?name=" + imgName;
var win = window.open(popUpUrl,'imagePopup','width=400,height=200,toolbar=no,scrollbars=no,resizable=yes' );
win.focus();
}
/// filmiki
function openPopupVideo(videoPath,videoType,videoWidth,videoHeight){
var popUpUrl= "inc/contents/" + "video.php"+"&videoPath="+ videoPath + "&videoType=" + videoType + "&videoWidth=" + videoWidth + "&videoHeight=" + videoHeight;
var win = window.open(popUpUrl,'imagePopup','width=400,height=200,toolbar=no,scrollbars=no,resizable=yes' );
win.focus();
}
/// do plików visual
function info(model_id){
var path = '/index.php?pid=24&id_model='+model_id;
document.location.href=path;
}
function build(model_id){
var path = '/index.php?pid=25&id_model='+model_id;
document.location.href=path;
}
// ????
function openPage(pagePath,pageParam){
if (pagePath==null) return;
var path = 'http://www.fiat.com/cgi-bin/pbrand.dll/FIAT_COM'+pagePath;
if (pageParam!=null && pageParam!="")
path += '&' + pageParam;
document.location.href=path;
}
function zamknij()
{
toplayer.style.visibility = "hidden";
}
</script>
<script language="Javascript">
<!--
//********************************************************
// Parametry niezbedne do utworzenia menu drugiego levelu
//********************************************************
function MenuObject()
{
// tablica argumentow (level, typ, zaznaczone, obrazek, obrazek_rollover, link_url, parametry_linku, parametry_wopen)
var args = arguments;
// Poziom menu (potrebbe non essere necessario in quanto i menu saranno
// in array differenti)
this.menuLevel = args[0];
// Typ linku
// 0 link zwykly
// 1 window.open
this.menuType = args[1];
// Zaznaczenie w menu:
// true = zaznaczone
// false = nie zaznaczone;
this.selected = args[2];
this.image = args[3];// Obrazek
this.imageRollover = args[4];// Obrazek rollover
this.urlPath = args[5];// link
this.urlParameters = args[6];// ewentualne parametry
// menu typu 0:
// "_blank" powoduje otworzenie nowego okna przegladarki
// "" w tym samym oknie
this.wOpenParameters= args[7];
// menu di tipo 1:
// Eventuali parametri window.open(urlPath+'?'+urlParameters,'', wOpenParameters )
}
//***********************************
var menuLevel2 = new Array();
var menuLevel3 = new Array();
var num_2nd_lev_pos = menuLevel2.length;
//***********************************
var num_3rd_lev_pos = menuLevel3.length;
//***********************************
//******************************************************
// TWORZENIE I NAZYWANIE OBRAZKOW MENU KOLEJNYCH LEVELI
//******************************************************
img_menu_2nd_lev = new Array();
img_over_menu_2nd_lev = new Array();
img_menu_3rd_lev = new Array();
img_over_menu_3rd_lev = new Array();
//
img_disp_menu2 = new Array();
img_disp_menu3 = new Array();
links_menu_2nd_lev = new Array();
links_menu_3rd_lev = new Array();
for( i=0; i<num_2nd_lev_pos; i++ )
{
img_menu_2nd_lev[i] = menuLevel2[i].image; //obrazki 2 poziom
MM_preloadImages( img_menu_2nd_lev[i] );
img_over_menu_2nd_lev[i] = menuLevel2[i].imageRollover; // obrazki 2 poziom over
MM_preloadImages( img_over_menu_2nd_lev[i] );
if( menuLevel2[i].menuType == 0 )
{
links_menu_2nd_lev[i] = menuLevel2[i].urlPath; // linki zwykle 2 poziom
}
if( menuLevel2[i].menuType == 1 )
{
stringg = menuLevel2[i].urlPath; // linki window.open 2 poziom
param = menuLevel2[i].wOpenParameters;
name = "a"+i;
links_menu_2nd_lev[i] = "window.open(%27" + stringg + "%27,%27" + name + "%27,%27" + param + "%27);";
}
selected_pos = menuLevel2[i].selected; // zaznaczona pozycja menu 2 poziom
if( selected_pos == true )
{
var selected_pos_index_2lev = i; // indeks zaznaczonej pozycji 2 poziom
}
}
var selected_pos_index_3lev = -1;
for( i=0; i<num_3rd_lev_pos; i++ )
{
img_menu_3rd_lev[i] = menuLevel3[i].image; //obrazki 3 poziom
img_over_menu_3rd_lev[i] = menuLevel3[i].imageRollover; // obrazki 3 poziom over
//
if( menuLevel3[i].menuType == 0 )
{
links_menu_3rd_lev[i]=menuLevel3[i].urlPath; // linki zwykle 3 poziom
}
if( menuLevel3[i].menuType == 1 )
{
stringg = menuLevel3[i].urlPath; // linki window.open 3 poziom
param = menuLevel3[i].wOpenParameters;
name = "b" + i;
links_menu_3rd_lev[i] = "window.open('" + stringg + "','b" + name + "','" + param + "');";
}
selected_pos = menuLevel3[i].selected; // zaznaczona pozycja menu 3 poziom
if( selected_pos == true ){
var selected_pos_index_3lev = i; // indeks zaznaczonej pozycji 3 poziom
}
}
//-->
</script>
<style type="text/css">
#divContainer{position:absolute;width:180;height:55;overflow:hidden;top:0;left: 800;top:20;clip:rect(0,180,55,0);visibility:hidden}
#divContent{position:absolute;top:0;left:0}
</style>
</head>
<body class="body_gen" background="img/bk_tabsx_hmpg.gif" leftmargin="0" topmargin="0" marginheight="0" marginwidth="0">
<div id="all" name="all">
<!-- Menu serwisowe -->
<div id="omenu" style="position: absolute; left: 397px; top: 8px; width: 600px; z-index: 1;">
<a name="top"></a>
<table border="0" cellpadding="0" cellspacing="0" align="right">
<tbody>
<tr>
<td><a href="/index.php" onmouseover="MM_swapImage('mh_home','','img/menu_horiz_home_on.gif',1) " onmouseout="MM_swapImgRestore()"><img src="img/menu_horiz_home_off.gif" name="mh_home" border="0" id="mh_home"></a></td>
<td><img src="img/menu_horiz_sep.gif" width="2" height="8"></td>
<td><a href="/index.php?pid=40" onmouseover="MM_swapImage('mh_kontakt','','img/menu_horiz_kontakt_on.gif' ,1)" onmouseout="MM_swapImgRestore()"><img src="img/menu_horiz_kontakt_off.gif" name="mh_kontakt" border="0" id="mh_kontakt"></a></td>
<td><img src="img/menu_horiz_sep.gif" width="2" height="8"></td>
<td><a href="/index.php?pid=41" onmouseover="MM_swapImage('mh_pomoc','','img/menu_horiz_pomoc_on.gif' ,1)" onmouseout="MM_swapImgRestore()"><img src="img/menu_horiz_pomoc_off.gif" name="mh_pomoc" border="0" id="mh_pomoc"></a></td>
<td><img src="img/menu_horiz_sep.gif" width="2" height="8"></td>
<td><a href="http://www.fiat.com" target="_blank" onmouseover="MM_swapImage('mh_com','','img/menu_horiz_com_on.gif',1) " onmouseout="MM_swapImgRestore()"><img src="img/menu_horiz_com_off.gif" name="mh_com" border="0" id="mh_com"></a></td>
</tr>
</tbody>
</table>
</div>
<!-- Menu serwisowe koniec -->
<!-- Menu glowne -->
<div id=menusx style="z-index:2;position:absolute;left:46px;top:323px;width:153px;height: 144px">
<table cellspacing=0 cellpadding=0 width=153 border=0>
<tbody>
<!--
<tr>
<td><a href="/index.php?pid=5" onmouseover="MM_swapImage('mm_fiat','','img/menu_main_fiat_on.gif',1) " onmouseout="MM_swapImgRestore()"><img src="img/menu_main_fiat_off.gif" border=0 name=mm_fiat id=mm_fiat></a></td>
<td valign="bottom"><img src="img/spacer.gif" width="8" height="24"></td>
</tr>
-->
<tr>
<td><a href="/index.php?pid=6" onmouseover="MM_swapImage('mm_salon','','img/menu_main_salon_on.gif', 1)" onmouseout="MM_swapImgRestore()"><img src="img/menu_main_salon_off.gif" border=0 name=mm_salon id=mm_salon></a></td>
<td valign="bottom"><img src="img/spacer.gif" width="8" height="24"></td>
</tr>
<tr>
<td><a href="/index.php?pid=7" onmouseover="MM_swapImage('mm_promo','','img/menu_main_promo_on.gif', 1)" onmouseout="MM_swapImgRestore()"><img src="img/menu_main_promo_off.gif" border=0 name=mm_promo></a></td>
<td valign="bottom"><img src="img/spacer.gif" width="8" height="24"></td>
</tr>
<tr>
<td><a href="/index.php?pid=8" onmouseover="MM_swapImage('mm_uslugi','','img/menu_main_uslugi_on.gif' ,1)" onmouseout="MM_swapImgRestore()"><img src="img/menu_main_uslugi_off.gif" border=0 name=mm_uslugi id=mm_uslugi></a></td>
<td valign="bottom"><img src="img/spacer.gif" width="8" height="24"></td>
</tr>
<tr valign="bottom">
<td><a href="/index.php?pid=9" onmouseover="MM_swapImage('mm_swiat','','img/menu_main_swiat_on.gif', 1)" onmouseout="MM_swapImgRestore()"><img src="img/menu_main_swiat_off.gif" border=0 name=mm_swiat id=mm_swiat></a></td>
<td><img src="img/spacer.gif" width="8" height="24"></td>
</tr>
<tr>
<td><img height=17 src="img/spacer.gif" width=1></td>
<td><img height=17 src="img/spacer.gif" width=1></td>
</tr>
<tr>
<td><a href="/index.php?pid=43" onmouseover="MM_swapImage('mm_news','','img/menu_main_news_on.gif',1) " onmouseout="MM_swapImgRestore()"><img src="img/menu_main_news_off.gif" border=0 name=mm_news id=mm_news></a></td>
<td><img src="img/spacer.gif" width="8" height="24"></td>
</tr>
<tr>
<td><a href="/index.php?pid=44" onmouseover="MM_swapImage('mm_deal','','img/menu_main_deal_on.gif',1) " onmouseout="MM_swapImgRestore()"><img src="img/menu_main_deal_off.gif" border=0 name=mm_deal id=mm_deal></a></td>
<td><img src="img/spacer.gif" width="8" height="24"></td>
</tr>
<tr>
<td><a href="/index.php?pid=45" onmouseover="MM_swapImage('mm_jazda','','img/menu_main_jazda_on.gif', 1)" onmouseout="MM_swapImgRestore()"><img src="img/menu_main_jazda_off.gif" border=0 name=mm_jazda id=mm_jazda></a></td>
<td><img src="img/spacer.gif" width="8" height="24"></td>
</tr>
<tr>
<td><a href="/index.php?pid=46" onmouseover="MM_swapImage('mm_newsletter','','img/menu_main_newsletter_on. gif',1)" onmouseout="MM_swapImgRestore()"><img src="img/menu_main_newsletter_off.gif" border=0 name=mm_newsletter id=mm_newsletter></a></td>
<td><img src="img/spacer.gif" width="8" height="24"></td>
</tr>
<tr>
<td align="left"><!-- miejsce na bannerek -->
<br>
<object id=showroomflash1 codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0 width="90" height="40" classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 name=showroomflash1>
<param name="movie" value="swf/qlinks/autoexpert.swf?url=http://www.fiatautoexpert.pl&win=_blank">
<param name="quality" value="high">
<embed name="showroomflash1" id="showroomflash1"
src="swf/qlinks/autoexpert.swf?url=http://www.fiatautoexpert.pl&win=_blank"
quality="high" width="90" height="40"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
hspace="0" vspace="0"></embed>
</object><br>
</td>
<td><img src="img/spacer.gif" width="8" height="24"></td>
</tr>
<tr>
<td align="right"><!-- miejsce na bannerek -->
<object id=showroomflash2 codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0 width="90" height="40" classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 name=showroomflash2>
<param name="movie" value="swf/qlinks/corpo.swf?url=http://www.fiatflota.pl&win=_blank">
<param name="quality" value="high">
<embed name="showroomflash2" id="showroomflash2"
src="swf/qlinks/corpo.swf?url=http://www.fiatflota.pl&win=_blank"
quality="high" width="90" height="40"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
hspace="0" vspace="0"></embed>
</object><br>
</td>
<td><img src="img/spacer.gif" width="8" height="24"></td>
</tr>
<tr>
<td align="left">
<br>
<object id=showroomflash3 codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0 width="90" height="40" classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 name=showroomflash3>
<param name="movie" value="swf/qlinks/selenia.swf?url=http://www.fiat.pl/index.php?pid=37&win=_self">
<param name="quality" value="high">
<embed name="showroomflash3" id="showroomflash3"
src="swf/qlinks/selenia.swf?url=http://www.fiat.pl/index.php?pid=37&win=_self"
quality="high" width="90" height="40"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
hspace="0" vspace="0"></embed>
</object><br>
</td>
<td><img src="img/spacer.gif" width="8" height="24"></td>
</tr>
</tbody>
</table>
</div>
<!-- Menu glowne - koniec -->
<!-- Obszar glowny -->
<table height="100%" cellspacing=0 cellpadding=0 width=1003 border=0>
<tbody>
<tr>
<td valign=top background=img/bk_tabsx_hmpg.gif height="100%">
<table cellspacing=0 cellpadding=0 width=198 border=0>
<tbody>
<tr>
<td colspan=2><img height=324 src="img/themes/sport2005_2/flash_left.jpg" width=198 usemap=#home border=0></td>
</tr>
<tr>
<td width=45><img height=1 src="img/spacer.gif" width=45></td>
<td width=153 height="100%"><img height=1 src="img/spacer.gif" width=1></td>
</tr>
</tbody>
</table>
</td>
<td valign=top>
<table cellspacing=0 cellpadding=0 border=0>
<tbody>
<tr>
<td><img height=84 src="img/themes/sport2005_2/flash_top.jpg" width=805></td>
</tr>
</tbody>
</table>
<script language=javascript type=text/javascript>
dist_menu2_top = 85; // polozenie od gory
dist_menu2_left = 235; // polozenie od lewej
menu_sep_img_width = 2;
menu_sep_img_height = 1;
length_max = 700;
//
var menu_length_3rd_lev = 0;
var menu_length = 0;
var first_in_row;
var vsp = 0;
menu_row = 0
document.write( "<div id='menu_dx_1' style='position:absolute;left:" + dist_menu2_left + "px;top:" + dist_menu2_top + "px;width:" + length_max + "px;z-index:10'>" );
for( i = 0; i < num_2nd_lev_pos; i++ )
{
img_disp_menu2[i] = new Image(); // kolejny przycisk w menu
img_disp_menu2[i].src = img_menu_2nd_lev[i];
if( i == selected_pos_index_2lev )
{
posx_next_layer = menu_length;
}
menu_length = menu_length + img_disp_menu2[i].width + menu_sep_img_width; // szerokosc menu
height_img_2nd_lev = img_disp_menu2[i].height; // wysokosc menu
menu_length_3rd_lev = menu_length; // szer menu 3 lev
if( menu_length >= length_max )
{
first_in_row = i; // pierwszy w nowym rzedzie
document.write( "<br>" );
menu_row = menu_row + 1;
if( first_in_row == selected_pos_index_2lev )
{
menu_length = 0;
posx_next_layer = 0;
menu_length_3rd_lev = 0;
}
else
{
menu_length = img_disp_menu2[i].width + menu_sep_img_width;
}
}
if( ( selected_pos_index_2lev < first_in_row ) && ( num_3rd_lev_pos == 0 ) ) // jesli zaznaczony (aktualny) jest w pierwszym rzedzie i nie ma menu 3 lev
{
height_img_2nd_lev = parseInt( height_img_2nd_lev + menu_sep_img_width );
vsp = 0;
}
if( ( selected_pos_index_2lev < first_in_row ) && ( num_3rd_lev_pos != 0) ) // jesli zaznaczony (aktualny) jest w pierwszym rzedzie i jest menu 3 lev
{
height_img_2nd_lev = parseInt( height_img_2nd_lev + menu_sep_img_width );
vsp = parseInt( menu_row * img_disp_menu2[i].height ) + menu_sep_img_width;
}
if( ( selected_pos_index_2lev >= first_in_row ) && ( num_3rd_lev_pos == 0 ) ) // jesli zaznaczony w drugim rzedzie i nie ma menu 3 lev
{
height_img_2nd_lev = parseInt( 2 * ( height_img_2nd_lev + menu_sep_img_width ) );
vsp = 1;
}
if( (selected_pos_index_2lev >= first_in_row ) && ( num_3rd_lev_pos != 0 ) ) // jesli zaznaczony w drugim rzedzie i jest menu 3 lev
{
height_img_2nd_lev = parseInt( 2 * ( height_img_2nd_lev + menu_sep_img_width ) );
vsp = 0;
}
if( selected_pos_index_2lev >= first_in_row )
{
menu_sep_img_height = -2;
}
if( selected_pos_index_2lev < first_in_row )
{
menu_sep_img_height = 1;
}
if( i == selected_pos_index_2lev )
{
if( menuLevel2[i].urlParameters != "" ) target_url = " target='" + menuLevel2[i].urlParameters + "'"; // jesli podany byl target
else target_url = "";
if ( menuLevel2[i].menuType == 0 ) document.write( "<a href='" + links_menu_2nd_lev[i] + "'" + target_url + "><img src='" + img_over_menu_2nd_lev[i] + "' name='image_sec_liv_over" + i + "' border='0' vspace='" + parseInt(vsp) + "' style='margin-right: 2px;'></a>");
else if ( menuLevel2[i].menuType == 1 ) document.write( "<a href='javascript:;' onclick='" + links_menu_2nd_lev[i] + "'" + target_url + " ><img src='" + img_over_menu_2nd_lev[i] + "' name='image_sec_liv_over" + i + "' border='0' vspace='" + parseInt(vsp) + "' style='margin-right: 2px;'></a>");
alt = parseInt( height_img_2nd_lev );
for( j=0; j<num_3rd_lev_pos; j++ )
{
img_disp_menu3[j] = new Image();
img_disp_menu3[j].src = img_menu_3rd_lev[j];
menu_length_3rd_lev = parseInt( menu_length_3rd_lev + img_disp_menu3[j].width + menu_sep_img_width );
}
if( menu_length_3rd_lev > length_max )
{
posx_next_layer = parseInt( menu_length - ( menu_length_3rd_lev - menu_length ) );
}
if( num_3rd_lev_pos != 0)
{
document.write( "<div id='menu_dx_3' style='position:absolute;left:" + posx_next_layer + "px;top:" + parseInt( alt + menu_sep_img_height - 1 ) + "px;z-index:11'>" );
for( j=0; j<num_3rd_lev_pos; j++ )
{
if( j == selected_pos_index_3lev )
{
if( menuLevel3[j].urlParameters != "" ) target_url = " target='" + menuLevel3[j].urlParameters + "'"; // jesli podany byl target
else target_url = "";
if ( menuLevel3[j].menuType == 0 ) document.write( "<a href='" + links_menu_3rd_lev[j] + "'" + target_url + " onmouseout='MM_swapImgRestore()' onmouseover='MM_swapImage(\"Image_3rd" + j + "\",\"\",\"" + img_over_menu_3rd_lev[j] + "\",1)'><img src='" + img_over_menu_3rd_lev[j] + "' name='Image_3rd" + j + "' border='0' class='img_bx_2px'></a>" );
else if ( menuLevel3[j].menuType == 1 ) document.write( "<a href='javascript:;' onclick=\"" + links_menu_3rd_lev[j] + "\" onmouseout='MM_swapImgRestore()' onmouseover='MM_swapImage(\"Image_3rd" + j + "\",\"\",\"" + img_over_menu_3rd_lev[j] + "\",1)'><img src='" + img_over_menu_3rd_lev[j] + "' name='Image_3rd" + j + "' border='0' class='img_bx_2px'></a>" );
}
else
{
if( menuLevel3[j].urlParameters != "" ) target_url = " target='" + menuLevel3[j].urlParameters + "'"; // jesli podany byl target
else target_url = "";
if ( menuLevel3[j].menuType == 0 ) document.write( "<a href='" + links_menu_3rd_lev[j] + "'" + target_url + " onmouseout='MM_swapImgRestore()' onmouseover='MM_swapImage(\"Image_3rd" + j + "\",\"\",\"" + img_over_menu_3rd_lev[j] + "\",1)'><img src='" + img_menu_3rd_lev[j] + "' name='Image_3rd" + j + "' border='0' class='img_bx_2px'></a>" );
else if ( menuLevel3[j].menuType == 1 ) document.write( "<a href=\"javascript:;\" onclick=\"" + links_menu_3rd_lev[j] + "\" onmouseout='MM_swapImgRestore()' onmouseover='MM_swapImage(\"Image_3rd" + j + "\",\"\",\"" + img_over_menu_3rd_lev[j] + "\",1)'><img src='" + img_menu_3rd_lev[j] + "' name='Image_3rd" + j + "' border='0' class='img_bx_2px'></a>" );
}
}
document.write("</div>");
}
}
else
{
if( menuLevel2[i].urlParameters != "" ) target_url = " target=%27" + menuLevel2[i].urlParameters + "%27";
else target_url = "";
if ( menuLevel2[i].menuType == 0 ) document.write( "<a href='" + links_menu_2nd_lev[i] + "'" + target_url + " onmouseout='MM_swapImgRestore()' onmouseover='MM_swapImage(\"Image_sec_liv" + i + "\",\"\",\"" + img_over_menu_2nd_lev[i] + "\",1)'><img src='" + img_menu_2nd_lev[i] + "' name='Image_sec_liv" + i + "' border='0' style='margin-top:" + parseInt( vsp + 1 ) + "px;margin-right:2px;margin-bottom:0px;margin-left:0px;' ></a>" );
if ( menuLevel2[i].menuType == 1 ) document.write( "<a href='javascript:;' onclick='" + links_menu_2nd_lev[i] + "' onmouseout='MM_swapImgRestore()' onmouseover='MM_swapImage(\"Image_sec_liv" + i + "\",\"\",\"" + img_over_menu_2nd_lev[i] + "\",1)'><img src='" + img_menu_2nd_lev[i] + "' name='Image_sec_liv" + i + "' border='0' style='margin-top:" + parseInt( vsp + 1 ) + "px;margin-right:2px;margin-bottom:0px;margin-left:0px;' ></a>" );
}
}
document.write("</div>");
</script>
<br>
</td>
</tr>
</tbody>
</table>
<!-- Obszar glowny -->
<div id=Layer1 style="z-index:3;left:198px;width:801px;position:absolute;top:84px">
<div id="menuconfig" style="position:absolute; left:367px; top:5px; width:158px; z-index:30">
<table cellpadding="0" cellspacing="0" border="0" width="420">
<tr>
<td width="420"><a href="/index.php?pid=25&st=1"><img src="img/models/c_step1_on.gif" name="sm1" alt="Wybór wersji" border="0" class="img_10pxdxtp" id="sm1"></a>
<img src="img/models/c_step2_on.gif" name="sm2" alt="Wybór kolorów" border="0" class="img_10pxdxtp" id="sm2">
<img src="img/models/c_step3.gif" name="sm3" border="0" class="img_10pxdxtp"> <img src="img/models/c_step4.gif" alt="#" name="smm4" border="0" class="img_10pxdxtp"></td>
</tr>
</table>
</div>
<div id="Layer1" style="position:absolute; left:36px; top:20px; width:102px; height:23px; z-index:4"><img src="img/config//modelname.gif"></div>
<!--
<div id="bottone" style="position:absolute; left:683px; top:62px; width:305px; z-index:4">
<table border="0" cellpadding="0" cellspacing="0" align="right">
<tr>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('configurare','','images/5/how_config_over.gif' ,1)" onclick="MM_openBrWindow('popup/ppphlp_cnfgrtr.html','pop','width=580,height=360' )"><img src="img/5/how_config.gif" name="configurare" width="105" height="16" border="0"></a></td>
</tr>
</table>
</div>
-->
<style type="text/css">
#divContainer{position:absolute; width:190; height:40; overflow:hidden; top:522; left:369; clip:rect(0,190,40,0); visibility: hidden;}
#divContent{position:absolute; top:0; left:0}
#divContainer1{position:absolute; width:400; height:80; overflow:hidden; top:143; left:374; clip:rect(0,400,80,0); visibility:hidden}
#divContent1{position:absolute; top:0; left:0}
#divContainer2{position:absolute; width:190; height:80; overflow:hidden; top:332; left:369; clip:rect(0,190,80,0); visibility:hidden}
#divContent2{position:absolute; top:0; left:0}
</style>
<script>
function VaiAlFrame(n)
{
var InternetExplorer = navigator.appName.indexOf("Microsoft") != -1;
var map = InternetExplorer ? my_flash : document.embeds[0];
map.GotoFrame(n)
}
EXCLList = new Array();
/*
function prima() {
document.getElementById("ncolore").innerHTML = "Rosso Scilla metalizzato";
document.getElementById("ntessuto").innerHTML = "Nome tessuto 1";
document.getElementById("ncerchione").innerHTML = "Nome cerchione 1";
}
*/
var currentBC = BCList[0][0];
function initIP()
{
for( var i = 0; i < IPList.length; i++ )
if( !check_exclusion( currentBC, IPList[i][0] ) )
return IPList[i][0];
}
var currentIP = initIP();
var currentRIMS = RIMSList[0][0];
var BasePrice =;
var TotalPrice = 0;
function go()
{
var URL = "/index.php?pid=25&st=3&bc=" + currentBC + "&ip=" + currentIP + "&rims=" + currentRIMS + "";
document.location = URL;
}
function o_click_bc( item_code )
{
currentBC = item_code;
if( check_exclusion( currentBC, currentIP ) )
{
currentIP = initIP();
}
fillDivC();
}
function o_mover_bc( item_code )
{
if( item_code == currentBC ) return;
setFlashColor( item_code );
var i = 0;
while( BCList[i][0] != item_code )
i++;
document.getElementById("l_bc").innerHTML = BCList[i][1];
}
function o_mover_ip( item_code )
{
if( item_code == currentIP ) return;
var i = 0;
while( IPList[i][0] != item_code )
i++;
document.getElementById("l_ip").innerHTML = IPList[i][1];
//document.getElementById("l_cd_ip").innerHTML = IPList[i][1];
document.getElementById("img_ip").innerHTML = "<img src='" + IPList[i][3] + "'>";
}
function o_mout_bc( )
{
setFlashColor( currentBC );
var i = 0;
while( BCList[i][0] != currentBC )
i++;
document.getElementById("l_bc").innerHTML = BCList[i][1];
}
function o_mout_ip( )
{
var i = 0;
while( IPList[i][0] != currentIP )
i++;
document.getElementById("l_ip").innerHTML = IPList[i][1];
//document.getElementById("l_cd_ip").innerHTML = IPList[i][1];
document.getElementById("img_ip").innerHTML = "<img src='" + IPList[i][3] + "'>";
}
function o_click_ip( item_code )
{
currentIP = item_code;
fillDivC();
}
function o_click_rims( item_code )
{
currentRIMS = item_code;
// setFlashRim( currentRIMS );
document.getElementById("divContent").innerHTML = writeRIMS();
var i = 0;
while( RIMSList[i][0] != currentRIMS )
i++;
document.getElementById("l_rims").innerHTML = RIMSList[i][1];
document.getElementById("l_cd_rims").innerHTML = RIMSList[i][1];
document.getElementById("l_cd_rims_price").innerHTML = "Cena: " + put_space( RIMSList[i][4] ) + " PLN";
document.getElementById("img_rims").innerHTML = "<img src='" + RIMSList[i][3] + "'>";
setFlashRim( RIMSList[i][5] );
refreshPrices();
}
function o_mover_rims( item_code )
{
if( item_code == currentRIMS ) return;
var i = 0;
while( RIMSList[i][0] != item_code )
i++;
document.getElementById("l_rims").innerHTML = RIMSList[i][1];
document.getElementById("img_rims").innerHTML = "<img src='" + RIMSList[i][3] + "'>";
}
function o_mout_rims()
{
var i = 0;
while( RIMSList[i][0] != currentRIMS )
i++;
document.getElementById("l_rims").innerHTML = RIMSList[i][1];
document.getElementById("img_rims").innerHTML = "<img src='" + RIMSList[i][3] + "'>";
}
function o_mout_bc( )
{
setFlashColor( currentBC );
var i = 0;
while( BCList[i][0] != currentBC )
i++;
document.getElementById("l_bc").innerHTML = BCList[i][1];
}
function writeIP()
{
html = ' <table border="0" cellspacing="0" cellpadding="0">';
var end_tr = '';
var tr = '<tr>';
$no = 0;
for( var i = 0; i < IPList.length; i++ )
{
if( $no%3 == 0 )
{
html += end_tr;
html += tr;
}
var class_checked = 'bot';
//var BCname = eval("bc_" + BCList[i][0] );
if( currentIP == IPList[i][0] )
class_checked = 'bot_selected';
var codeIp = IPList[i][0];
if( !check_exclusion( currentBC, codeIp ) )
{
html += '<td><a href="#" onmouseout="o_mout_ip();" onmouseover="o_mover_ip(\'' + IPList[i][0] + '\');" onclick="o_click_ip(\'' + IPList[i][0] + '\');" class="' + class_checked + '"><img src="' + IPList[i][2] + '" name="' + IPList[i][0] + '" border="0"></a>';
$no++
}
ent_tr = '</tr>';
}
html += end_tr;
html += '</table>';
return html;
}
function writeRIMS()
{
html = ' <table border="0" cellspacing="0" cellpadding="0">';
var end_tr = '';
var tr = '<tr>';
for( var i = 0; i < RIMSList.length; i++ )
{
if( i%3 == 0 )
{
html += end_tr;
html += tr;
}
var class_checked = 'bot';
//var BCname = eval("bc_" + BCList[i][0] );
if( currentRIMS == RIMSList[i][0] )
class_checked = 'bot_selected';
var codeRims = RIMSList[i][0];
if( !check_exclusion( currentRIMS, codeRims ) )
{
html += '<td><a href="#" onmouseout="o_mout_rims( );" onmouseover="o_mover_rims(\'' + RIMSList[i][0] + '\');" onclick="o_click_rims(\'' + RIMSList[i][0] + '\');" class="' + class_checked + '"><img src="' + RIMSList[i][2] + '" name="' + RIMSList[i][0] + '" border="0"></a>';
}
ent_tr = '</tr>';
}
html += end_tr;
html += '</table>';
return html;
}
function check_exclusion( code_ext, code_int )
{
if( EXCLList[code_ext] )
for( var i = 0; i < EXCLList.length; i++ )
{
if( EXCLList[code_ext][i] == code_int )
return true;
}
return false;
}
function writeBC()
{
html = ' <table border="0" cellspacing="0" cellpadding="0">';
var end_tr = '';
var tr = '<tr>';
for( var i = 0; i < BCList.length; i++ )
{
if( i%6 == 0 )
{
html += end_tr;
html += tr;
}
var class_checked = 'bot';
//var BCname = eval("bc_" + BCList[i][0] );
if( currentBC == BCList[i][0] )
class_checked = 'bot_selected';
html += '<td><a href="#" onmouseout="o_mout_bc();" onmouseover="o_mover_bc(\'' + BCList[i][0] + '\');" onclick="o_click_bc(\'' + BCList[i][0] + '\');" class="' + class_checked + '"><img src="' + BCList[i][2] + '" name="' + BCList[i][0] + '" border="0"></a>';
ent_tr = '</tr>';
}
html += end_tr;
html += '</table>';
return html;
}
</script>
<!-- begin absolutely positioned scrollable area object--><div id="divContainer1">
<div id="divContent1">
</div>
</div>
<div id="divContainer2">
<div id="divContent2">
</div>
</div>
<div id="divContainer">
<div id="divContent">
</div>
</div>
<script>
onload = InitialiseScrollableArea();
onload = InitialiseScrollableArea2();
onload = InitialiseScrollableArea3();
function fillDivC()
{
document.getElementById("divContent1").innerHTML = writeBC();
document.getElementById("divContent2").innerHTML = writeIP();
document.getElementById("divContent").innerHTML = writeRIMS();
var i = 0;
while( BCList[i][0] != currentBC )
i++;
document.getElementById("l_bc").innerHTML = BCList[i][1];
document.getElementById("l_cd_bc").innerHTML = BCList[i][1];
document.getElementById("l_cd_bc_price").innerHTML = "Cena: " + put_space( BCList[i][3] ) + " PLN";
i = 0;
while( IPList[i][0] != currentIP )
i++;
document.getElementById("l_ip").innerHTML = IPList[i][1];
document.getElementById("l_cd_ip").innerHTML = IPList[i][1];
document.getElementById("l_cd_ip_price").innerHTML = "Cena: " + put_space( IPList[i][4] ) + " PLN";
document.getElementById("img_ip").innerHTML = "<img src='" + IPList[i][3] + "'>";
i = 0;
while( RIMSList[i][0] != currentRIMS )
i++;
document.getElementById("l_rims").innerHTML = RIMSList[i][1];
document.getElementById("l_cd_rims").innerHTML = RIMSList[i][1];
document.getElementById("l_cd_rims_price").innerHTML = "Cena: " + put_space( RIMSList[i][4] ) + " PLN";
document.getElementById("img_rims").innerHTML = "<img src='" + RIMSList[i][3] + "'>";
refreshPrices();
setTimeout( "setFlashColor( currentBC )", 1000 );
}
function refreshPrices()
{
var i = 0;
while( BCList[i][0] != currentBC )
i++;
BCPrice = BCList[i][3];
i = 0;
while( IPList[i][0] != currentIP )
i++;
IPPrice = IPList[i][4];
i = 0;
while( RIMSList[i][0] != currentRIMS )
i++;
RIMSPrice = RIMSList[i][4];
TotalPrice = parseFloat( BasePrice ) + parseFloat( BCPrice ) + parseFloat( IPPrice ) + parseFloat( RIMSPrice );
document.getElementById("l_total_price").innerHTML = put_space( TotalPrice ) + " PLN";
}
</script>
<table cellspacing=0 cellpadding=0>
<tr>
<td><table border="0" cellspacing="0" cellpadding="0" width="790">
<tr>
<td valign="top" colspan="2"><img src="img/config/step2_header.gif"></td>
<td valign="top" height="100%"><table width="8" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td bgcolor="#FFFFFF" colspan="2"><img src="img/brdr_tprght.gif"></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><img src="img/spacer.gif" width="7" height="1"></td>
<td background="img/pxl_grey.gif" height="100%"><img src="img/spacer.gif" width="1" height="1"></td>
</tr>
</table></td>
</tr>
<tr>
<td bgcolor="#FFFFFF">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29, 0" width="353" height="179" id="my_flash">
<param name="movie" value="img/config/.swf">
<param name="quality" value="high">
<embed name ="my_flash" src="img/config/.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="353" height="179" swLiveConnect="true"></embed>
</object>
</td>
<td bgcolor="#FFFFFF" valign="top" height="100%"><table border="0" cellspacing="0" cellpadding="0" width="100%">
<tr>
<td><img src="img/spacer.gif" width="14" height="1"></td>
<td class="txt" valign="top"><br>
Na tym etapie konfiguracji wybieramy kolor nadwozia, tapicerkę
oraz felgi.<br>
<img src="img/spacer.gif" width="391" height="1"><br>
<br>
<span class="txtg">Wybierz kolor nadwozia:</span><br> <div class="txtbold" id="l_bc"> </div>
<table border="0" cellspacing="0" cellpadding="0" align="right">
<tr>
<td valign="top"><a href="javascript:;" onmouseover="PerformScroll1(-7)" onmouseout="CeaseScroll()"><img src="img/rrw_tp.gif" width="8" height="6" border="0"></a></td>
</tr>
<tr>
<td><img src="img/spacer.gif" width="8" height="60"></td>
</tr>
<tr>
<td valign="bottom"><a href="javascript:;" onmouseover="PerformScroll1(7)" onmouseout="CeaseScroll()"><img src="img/rrw_bttm.gif" width="8" height="6" border="0"></a></td>
</tr>
</table></td>
</tr>
</table></td>
<td valign="top" height="100%" bgcolor="#FFFFFF"><table width="8" border="0" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td bgcolor="#FFFFFF"><img src="img/spacer.gif" width="7" height="1"></td>
<td background="img/pxl_grey.gif" height="100%"><img src="img/spacer.gif" width="1" height="1"></td>
</tr>
<tr>
<td bgcolor="#FFFFFF" colspan="2" valign="bottom"><img src="img/brdr_bttmrght.gif"></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="3"><table border="0" cellspacing="0" cellpadding="0" width="783">
<tr>
<td background="img/pxl_grey.gif"><img src="img/spacer.gif" width="20" height="1"></td>
<td background="img/pxl_grey.gif"><img src="img/spacer.gif" width="1" height="1"></td>
<td bgcolor="#FFFFFF"><img src="img/spacer.gif" width="546" height="1"></td>
<td background="img/pxl_grey.gif"><img src="img/spacer.gif" width="1" height="1"></td>
<td background="img/pxl_grey.gif"><img src="img/spacer.gif" width="215" height="1"></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td><table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="img/spacer.gif" width="20" height="1"></td>
<td valign="top" bgcolor="#FFFFFF">
<!-- inizio tab dati -->
<table border="0" cellspacing="0" cellpadding="0" width="548">
<tr>
<td background="img/pxl_grey.gif"><img src="img/spacer.gif" width="1" height="1"></td>
<td><img src="img/spacer.gif" width="7" height="1"></td>
<td><img src="img/spacer.gif" width="532" height="1"></td>
<td><img src="img/spacer.gif" width="7" height="1"></td>
<td background="img/pxl_grey.gif"><img src="img/spacer.gif" width="1" height="1"></td>
</tr>
<tr>
<td background="img/pxl_grey.gif"><img src="img/spacer.gif" width="1" height="1"></td>