With the help of some good people from this community I've (or they) made 6 javascripts for me.
I'm in an emergency situation now I have to comment those codes.
I could have done it by myself but.....I can't.....
So if someone can help me please fell free!!!!
And here comes the 6th one!
<html>
<head>
<link href="css.css" rel="stylesheet">
<title>Change Appearance</title>
<style type="text/css">
#textruta {position:absolute; left:500px; top: 200px; width:80px; height:100px;}
#lank{position:absolute; left:255px; top: 10px;}
#lank1{position:absolute; left:255px; top: 100px;}
#lank2{position:absolute; left:255px; top: 120px;}
#lank3{position:absolute; left:255px; top: 140px;}
#tryck{position:absolute; left:500px; top: 65px;}
#form {position:absolute; left:410px; top: 10px;}
#rubrik{position:absolute; left:500px; top: 10px;}
#divBody{position:absolute; left:20px;top:50px;}
.bild1{
position: absolute;
top:70px;
left:850px;
}
.bild2{
position: absolute;
top:180px;
left:850px;
}
.bild3{
position: absolute;
top:290px;
left:850px;
}
.bild4{
position: absolute;
top:70px;
left:680px;
}
.bild5{
position: absolute;
top:180px;
left:680px;
}
.bild6{
position: absolute;
top:290px;
left:680px;
}
.bild7{
position: absolute;
top:500px;
left:820px;
}
.box2{
position:absolute;
top:70px;
left:400px;
width:100px;
height:100px;
background-color:silver;
padding-right: 15px;
padding-left: 10px;
}
.p{
position:absolute;
top:300px;
left:760px;
color:gray;
text-size:12px;
font-weight:bold;
}
.stil{position:absolute; top:80px; left:10px;}
</style>
<script type="text/javascript">
function andra_farg(namn,farg) //Ãndrar textens färg
{
if (document.all) //Explorer 4,5
{
document.all[namn].style.color=farg;
}
else if (document.getElementById) //Netscape 6
{
document.getElementById(namn).style.color=farg;
}
}
function changeFontFamily(FontFamily)
{
var oElement = document.getElementById("divBody");
changeStyleAttribute(oElement, "fontFamily", FontFamily);
}
function changeFontSize(FontSize)
{
var oElement = document.getElementById("divBody");
changeStyleAttribute(oElement, "fontSize", FontSize);
}
function changeStyleAttribute(Element, Attribute, Value)
{
Element.style[Attribute] = Value;
}
</script>
</head>
<body>
<div class="back"><a href="links.html">Tillbaka</a></div>
<fselect onChange="document.bgColor=this.options[this.selectedIndex].value">
<!--------------------------------------------------------*
//Användaren kommer själv att ändra på bakgrundsfärg *
// genom att välja ett alternativ *
// från checkboxen *
---------------------------------------------------------->
<form><div id="form">
<select onChange="document.bgColor=this.options[this.selectedIndex].value">
<!--------------------------------------------------------*
// Användaren kan ändra på bakgrundsfärg *
---------------------------------------------------------->
<OPTION VALUE="#FFFFFF" SELECTED>Vit
<OPTION VALUE="#000000">Svart
<OPTION VALUE="#FFFF00">Gul
<OPTION VALUE="#FF0000">Röd
<OPTION VALUE="#0000FF">Blå
<OPTION VALUE="#33CC00">Grön
<OPTION VALUE="#00CCFF">Ljusblå
<OPTION VALUE="#FF9900">Orange
<OPTION VALUE="#0C1D64">Mörkblå
</select>
</div>
</form>
<div id="tryck">Tryck på <br/>länkarna nedan.<br/></div>
<DIV ID="textruta" STYLE="position:relative" onClick="andra_farg('textruta','red')">
<h3>Nu kan <b>DU</b> påverka denna sidans utsendet!</h3>
<p>Detta kan du göra genom att välja olika stilar, färger och bakgrundsfärg!</p>
<h4>Nu är det bara att prova och se resultatet!</h4>
</DIV>
<BR>
<div id="lank">
<div id="lank1"><A HREF="javascript
:andra_farg('textruta','#FF00CC')" >Lila</A></div>
<div id="lank2"><A HREF="javascript
:andra_farg('textruta','#FF6600')" >Orange</A></div>
<div id="lank3"><A HREF="javascript
:andra_farg('textruta','#00CC00')" >Grön</A></div>
</div>
<div id="divBody" style="font-family: Times New Roman; font-size:12pt;">
Texten kan förändras genom att välja olika alternativ. <br/>
<div class="stil">
<select onchange="changeFontFamily(this.options[this.selectedIndex].value);">
<option value="Times New Roman" selected>Times New Roman</option>
<option value="Tahoma">Tahoma</option>
<option value="Book Antiqua">Book Antiqua</option>
<option value="Arial">Arial</option>
<option value="Webdings">Webdings</option>
</select>
<select onchange="changeFontSize(this.options[this.selectedIndex].value);">
<option value="6pt">6 point</option>
<option value="8pt">8 point</option>
<option value="9pt">9 point</option>
<option value="10pt">10 point</option>
<option value="12pt">12 point</option>
</select>
<div class="p">NACKADEMIN</div>
<h2> WEBBDESIGN </h2>
<h3>Kreativitet och teknik<br/></h3>
Utbildningen webbdesign riktar sig till<br/>
dig som vill arbeta med både teknik<br/>
och den kreativa processen. <br/>
Vi utbildar dig på de tekniker du behöver<br/>
för att arbeta med dagens webbapplikationer <br/>
samtidigt som du får en grundlig<br/>
Utbildning i estetisk webbkommunikation med <br/>
ämnen som exempelvis grafisk produktion,<br/>
grafisk form och användargränssnitt.
<h3>Utbildningsmetod</h3>
Nackademins utbildningsmetod bygger<br/>
på den så kallade COOP-modellen. <br/>
Här varvas de teoretiska studierna <br/>
med LIA under hela utbildningen.<br/>
Beroende på vilken utbildning du<br/>
väljer ingår 1 till 3 LIA-perioder<br/>
om cirka 10 veckor vardera.<br/>
Modellen är utformad i samarbete<br/>
med näringslivet och har många <br/>
fördelar både för dig som student <br/>
och för företagen. För dig innebär <br/>
det att du tidigt kommer ut på arbets-<br/>
platsen och får praktiska erfarenheter <br/>
av det yrke du studerar till. <br/>
En fullständig utbildning på Nackademin <br/>
tar två år, utom säljutbildningen <br/>
som är ettårig.
</div>
</div>
</div>
<div class="bild4"><img src="design.jpg" alt="" width="150" height="100"/></div>
<div class="bild5"><img src="ekonomi.jpg" alt="" width="150" height="100"/></div>
<div class="bild6"><img src="bygg.jpg" alt="" width="150" height="100"/></div>
<div class="bild1"><img src="skol.jpg" alt="" width="150" height="100"/></div>
<div class="bild2"><img src="skarm.jpg" alt="" width="150" height="100"/></div>
<div class="bild3"><img src="lunch.jpg" alt="" width="150" height="100"/></div>
<div class="bild7"><img src="nd.gif" alt="" width="100" height="100"/></div>
</body>
</html>
A big thanxs to all of you who helped me a lot!!!!
Thanxs!!!!!!
Comments in my javascripts 6
