#1

piotr

Forum-Sponsor  (250 Punkte)  ·   männlich  ·   Deutschland  ·   Nachricht senden
 https://www.tukhut.nl

hallo Forum Mitglieder, 

ich bin dabei die Ypsilon basierte Website www.tukhut.nl
auf ein anderes Design (Vertika Web9 von Thomas) umzustellen.

Jetziger Sachstand lässt sich schon auf www.tukhut.de anschauen.
Dort gibt es auch eine Möglichkeit um Wallpapers zu downloaden.

Das kann man sich hier anschauen ...

Dafür habe ich das folgende Script geschrieben:
Wer möchte kann es gerne benutzen.

Gruss, Piotr

<script language=javascript>
function setIframeSource1() {
   var theSelect1 = document.getElementById('location1');
   var theIframe1 = document.getElementById('myWP1');
   var theUrl1;
 
   theUrl1 = theSelect1.options[theSelect1.selectedIndex].value;
   theIframe1.src = theUrl1;
}
function setIframeSource2() {
   var theSelect2 = document.getElementById('location2');
   var theIframe2 = document.getElementById('myWP2');
   var theUrl2;
 
   theUrl2 = theSelect2.options[theSelect2.selectedIndex].value;
   theIframe2.src = theUrl2;
}
function setIframeSource3() {
   var theSelect3 = document.getElementById('location3');
   var theIframe3 = document.getElementById('myWP3');
   var theUrl3;
 
   theUrl3 = theSelect3.options[theSelect3.selectedIndex].value;
   theIframe3.src = theUrl3;
}
</script>
 
<style>
table {
	border: 3px solid #337ab7;
	width: 99%;
}
td  {
	padding: 5px;
}
form {
	margin-left: 12px;
}
.img {
	margin-top: -5px;
	width: 100%;
	height: auto;
}
.txt {
   	font-size: 100%;
	font-weight: normal;
	font-family: Verdana;	
   	margin-top: 2px; 		
  	margin-left: -5px;
   	color:#000000;
 	background: #F0F7FC;
	border: 2px solid #337ab7;
}
</style>
 
<table>
<tr>
<td><form method="post">
	<label><select class="txt" id="location1" onchange="setIframeSource1()"> 
		<option>... maak hier je keuze ...</option>
		<option value="http://www.tukhut.de/images/wp_groen_0800x0600.jpg">0800 X 0600</option> 
		<option value="http://www.tukhut.de/images/wp_groen_1024x0768.jpg">1024 X 0768</option>
		<option value="http://www.tukhut.de/images/wp_groen_1280x0800.jpg">1280 X 0800</option>
		<option value="http://www.tukhut.de/images/wp_groen_1280x0960.jpg">1280 X 0960</option>
		<option value="http://www.tukhut.de/images/wp_groen_1280x1024.jpg">1280 X 1024</option>
		<option value="http://www.tukhut.de/images/wp_groen_1366x0768.jpg">1366 X 0768</option>
		<option value="http://www.tukhut.de/images/wp_groen_1400x1050.jpg">1400 X 1050</option>
		<option value="http://www.tukhut.de/images/wp_groen_1440x0900.jpg">1440 X 0900</option>
		<option value="http://www.tukhut.de/images/wp_groen_1600x0900.jpg">1600 X 0900</option>
		<option value="http://www.tukhut.de/images/wp_groen_1600x1200.jpg">1600 X 1200</option>
		<option value="http://www.tukhut.de/images/wp_groen_1680x1050.jpg">1680 X 1050</option>
		<option value="http://www.tukhut.de/images/wp_groen_1920x1080.jpg">1920 X 1080</option>
		<option value="http://www.tukhut.de/images/wp_groen_1920x1200.jpg">1920 X 1200</option>
		<option value="http://www.tukhut.de/images/wp_groen_2560x1440.jpg">2560 X 1440</option>
		<option value="http://www.tukhut.de/images/wp_groen_2560x1600.jpg">2560 X 1600</option>
		<option value="http://www.tukhut.de/images/wp_groen_2560x2048.jpg">2560 X 2048</option>
	</select></label>
</form></td>
 
<td><form method="post">
	<label><select class="txt" id="location2" onchange="setIframeSource2()"> 
		<option>... maak hier je keuze ...</option>
		<option value="http://www.tukhut.de/images/wp_sunset_0800x0600.jpg">0800 X 0600</option> 
		<option value="http://www.tukhut.de/images/wp_sunset_1024x0768.jpg">1024 X 0768</option>
		<option value="http://www.tukhut.de/images/wp_sunset_1280x0800.jpg">1280 X 0800</option>
		<option value="http://www.tukhut.de/images/wp_sunset_1280x0960.jpg">1280 X 0960</option>
		<option value="http://www.tukhut.de/images/wp_sunset_1280x1024.jpg">1280 X 1024</option>
		<option value="http://www.tukhut.de/images/wp_sunset_1366x0768.jpg">1366 X 0768</option>
		<option value="http://www.tukhut.de/images/wp_sunset_1400x1050.jpg">1400 X 1050</option>
		<option value="http://www.tukhut.de/images/wp_sunset_1440x0900.jpg">1440 X 0900</option>
		<option value="http://www.tukhut.de/images/wp_sunset_1600x0900.jpg">1600 X 0900</option>
		<option value="http://www.tukhut.de/images/wp_sunset_1600x1200.jpg">1600 X 1200</option>
		<option value="http://www.tukhut.de/images/wp_sunset_1680x1050.jpg">1680 X 1050</option>
		<option value="http://www.tukhut.de/images/wp_sunset_1920x1080.jpg">1920 X 1080</option>
		<option value="http://www.tukhut.de/images/wp_sunset_1920x1200.jpg">1920 X 1200</option>
		<option value="http://www.tukhut.de/images/wp_sunset_2560x1440.jpg">2560 X 1440</option>
		<option value="http://www.tukhut.de/images/wp_sunset_2560x1600.jpg">2560 X 1600</option>
		<option value="http://www.tukhut.de/images/wp_sunset_2560x2048.jpg">2560 X 2048</option>
	</select></label>
</form></td>
 
<td><form method="post">
	<label><select class="txt" id="location3" onchange="setIframeSource3()"> 
		<option>... maak hier je keuze ...</option>
		<option value="http://www.tukhut.de/images/wp_krokussen_0800x0600.jpg">0800 X 0600</option> 
		<option value="http://www.tukhut.de/images/wp_krokussen_1024x0768.jpg">1024 X 0768</option>
		<option value="http://www.tukhut.de/images/wp_krokussen_1280x0800.jpg">1280 X 0800</option>
		<option value="http://www.tukhut.de/images/wp_krokussen_1280x0960.jpg">1280 X 0960</option>
		<option value="http://www.tukhut.de/images/wp_krokussen_1280x1024.jpg">1280 X 1024</option>
		<option value="http://www.tukhut.de/images/wp_krokussen_1366x0768.jpg">1366 X 0768</option>
		<option value="http://www.tukhut.de/images/wp_krokussen_1400x1050.jpg">1400 X 1050</option>
		<option value="http://www.tukhut.de/images/wp_krokussen_1440x0900.jpg">1440 X 0900</option>
		<option value="http://www.tukhut.de/images/wp_krokussen_1600x0900.jpg">1600 X 0900</option>
		<option value="http://www.tukhut.de/images/wp_krokussen_1600x1200.jpg">1600 X 1200</option>
		<option value="http://www.tukhut.de/images/wp_krokussen_1680x1050.jpg">1680 X 1050</option>
		<option value="http://www.tukhut.de/images/wp_krokussen_1920x1080.jpg">1920 X 1080</option>
		<option value="http://www.tukhut.de/images/wp_krokussen_1920x1200.jpg">1920 X 1200</option>
		<option value="http://www.tukhut.de/images/wp_krokussen_2560x1440.jpg">2560 X 1440</option>
		<option value="http://www.tukhut.de/images/wp_krokussen_2560x1600.jpg">2560 X 1600</option>
		<option value="http://www.tukhut.de/images/wp_krokussen_2560x2048.jpg">2560 X 2048</option>
	</select></label>
</form></td>
</tr>
<tr>
<td><img id="myWP1" class="img" src="http://www.tukhut.de/images/wp_groen_0800x0600.jpg"></td>
<td><img id="myWP2" class="img" src="http://www.tukhut.de/images/wp_sunset_0800x0600.jpg"></td>
<td><img id="myWP3" class="img" src="http://www.tukhut.de/images/wp_krokussen_0800x0600.jpg"></td>
</tr>
</table>
<br>
 

 

 

 

 


Dieser Beitrag wurde bereits 11 mal bearbeitet, zuletzt von »piotr« (11.01.2017, 15:34)
552 Aufrufe | 1 Beiträge