Willkommen, Gast!   de
    w2d · Siquando – Forum  
Die Kompetenz-Community
für web to date, shop to date, NG und
Siquando Web / Shop / Pro
Freitag, 23. Juni 2017, 19:10

Facebook

Spende ans Forum

Wer ist online?

Klappen
Benutzer: 3
Gäste: 33

Seite bookmarken

Facebook
Twitter
Google
LinkedIn

Powered by All-Inkl.com

Forum - Wallpaper Script

Offline piotr Männlich
As
0
107 Punkte
Homepage Persönliche Nachricht senden
Wallpaper Script
# 1 Zum Seitenanfang

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)

Bild 11.01.2017, 14:24
Bewertung: