SELFHTML Forum  SELFHTML Forumsarchiv
 SELFHTML Forumsarchiv
Text in script gestalten

(CSS) Text in script gestalten von anfänger,
 (CSS) Text in script gestalten von Christoph Schnauß,

Text in script gestalten
Die folgende Nachricht zum Thema stammt von: anfänger, 26. 02. 2007, 02:11

Hallo

Ich habe vor, folgenden Script, es handelt sich um das "Image Selector using selection list" script, in meine Hompage einzubauen, um je ein Bild und Text neben einer Scrolleiste anzeigenlassen zu können. Der Text lässt sich jedoch nicht inpunkto Farbe, Font, Grösse... ändern. Ich hoffe es gibt eine Möglichkeit,

vielen Dank schonmal

SAMPEL:

http://www.jsmadeeasy.com/javascripts/Images/Image%20Selector%20using%20selection%20list/index.htm

SCRIPT:

<form name="dynamicselector">
<table border="0" width="100%" cellspacing="0" cellpadding="0" height="178">
<tr>
<td width="35%" valign="top" align="left">
<select name="dynamicselector2" size="4" onChange="generateimage(this.options[this.selectedIndex].value)">

<option value="http://images.amazon.com/images/P/1565924940.01.TZZZZZZZ.jpg" selected>DHTML Guide</option>
            <option value="http://images.amazon.com/images/P/0201353415.01.TZZZZZZZ.jpg">DHTML QuickStart</option>
            <option value="http://images.amazon.com/images/P/1556225865.01.TZZZZZZZ.jpg">HTML4</option>
            <option value="http://images.amazon.com/images/P/1861001746.01.TZZZZZZZ.jpg">IE5 DHTML</option>
</select>
</td>
<td width="65%" valign="top" align="left"><ilayer id="dynamic1" width=100% height=178><layer id="dynamic2" width=100% height=178><div id="dynamic3"></div></layer></ilayer></td>
</tr>
</table>
</form>

<script>

//Dynamic <b style="color:black;background-color:#ffff66">Image selector</b> Script- © Dynamic Drive (www.dynamicdrive.com)
//For full source code, installation instructions,
//100's more DHTML scripts, visit dynamicdrive.com

//enter image descriptions ("" for blank)
var description=new Array()
description[0]="DHTML: The Definitive Guide"
description[1]="DHTML Visual QuickStart Guide"
description[2]="HTML 4 and DHTML"
description[3]="IE5 DHTML Reference"

var ie4=document.all
var ns6=document.getElementById
var tempobj=document.dynamicselector.dynamicselector2
if (ie4||ns6)
var contentobj=document.getElementById? document.getElementById("dynamic3"): document.all.dynamic3
function generateimage(which){
if (ie4||ns6){
contentobj.innerHTML='<center>Loading image...</center>'
contentobj.innerHTML='<center><img src="'+which+'"><br><br>'+description[tempobj.options.selectedIndex]+'</center>'
}
else if (document.layers){
document.dynamic1.document.dynamic2.document.write('<center><img src="'+which+'"><br><br>'+description[tempobj.options.selectedIndex]+'</center>')
document.dynamic1.document.dynamic2.document.close()
}
else
alert('You need NS 4+ or IE 4+ to view the images!')
}

function generatedefault(){
generateimage(tempobj.options[tempobj.options.selectedIndex].value)
}

if (ie4||ns6||document.layers){
if (tempobj.options.selectedIndex!=-1){
if (ns6)
generatedefault()
else
window.onload=generatedefault
}
}

</script>

Text in script gestalten
Die folgende Nachricht zum Thema stammt von: Christoph Schnauß,

hallo,

Ich habe vor, folgenden Script, es handelt sich um das "Image Selector using selection list" script, in meine Hompage einzubauen

Das solltest du lieber nicht tun. Dir ist gewiß nicht entgangen, daß dieses Script seit Juli 1996 nicht mehr verändert wurde, womit es deutlich über zehn Jahre alt ist. Das sieht man denn auch. Es passiert immer wieder, daß "Anfänger" sich solche uralten Scrpipts heraussuchen und meinen, sie ohne größeren Umbau in ihre Seite integrieren zu können. Das ist nicht gut. Wenn du dir einen Obstkuchen backen möchtest, nimmst du ja für den Belag auch kein zehn Jahre altes verfaultes Fallobst, sondern das frischeste und knackigste, das du auf dem Markt bekommen kannst.

um je ein Bild und Text neben einer Scrolleiste anzeigenlassen zu können.

Das ist vermutlich ein konzeprioneller Gedanke, aber nicht ganz leicht nachvollziehbar. Was genau möchtest du erreichen?

Der Text lässt sich jedoch nicht inpunkto Farbe, Font, Grösse... ändern. Ich hoffe es gibt eine Möglichkeit

Jeder "Text" läßt sich mit CSS formatieren. Also auch der, den du eventuell ausgeben lassen möchtest.

Grüße aus Berlin

Christoph S.