PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact

fading background dinges

Door niek s op 16-08-2006 13:47
345 views
hi folks :p,

Ik ben dus nu bezig met een chatbox (ook).
En nu wil ik zo maken, men komt op de site, ziet voor bv 1 seconde de chabox, alleen zonder inhoud. Dan 'fade' de chatbox weg, en komt er een login prompt tevoorschijn. Weet iemand hoe ik dat faden voor elkaar moet krijgen?

MvG,
Niek van der Steen
P
Ponzi
16-08-2006 14:55
Misschien kan je al beginnen met de code die je hebt hier eens te plaatsen ;) ?
niek s
16-08-2006 14:57
welke code? die van mijn login? of die van de lightbox? of die van domtT?
P
Ponzi
16-08-2006 15:00
Wat je er al van hebt gemaakt :) ? Of heb je nog niets?
niek s
16-08-2006 15:04
ik heb een login systeem, maar dat is niet van belang. Als ik het woord: 'hoi' kan laten faden, kan ik ook mijn form laten faden. Ik kom er niet uit, omdat domTT nogal omslachtig is en ik dus niet weet waar ik het kan vinden... en als ik het zou hebben gevonden lukt het me denk ik niet omdat ik niet genoeg ervaring heb mte js
L
Lissy Pixel
16-08-2006 15:21
Jelmer heeft een fantastisch chatbox script hier op de site geplaatst. Wellicht is dit een oplossing?
niek s
16-08-2006 15:22
ik weet het, maareeee... die werkt nogal niet bij mij... daarom probeer ik er nu zelf een te maken ;-)

wat ook leuker is natuurlijk!
niek s
16-08-2006 16:32
dit is wat ik nu heb:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
img.opacity1 {
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0;}

img.opacity2 {
filter:alpha(opacity=90);   
-moz-opacity: 0.9;   
opacity: 0.9;
}
img.opacity3 {
filter:alpha(opacity=80);   
-moz-opacity: 0.8;   
opacity: 0.8;
}
img.opacity4 {
filter:alpha(opacity=70);   
-moz-opacity: 0.7;   
opacity: 0.7;
}
img.opacity5 {
filter:alpha(opacity=60);   
-moz-opacity: 0.6;   
opacity: 0.6;
}
img.opacity6 {
filter:alpha(opacity=50);   
-moz-opacity: 0.5;   
opacity: 0.5;
}
img.opacity7 {
filter:alpha(opacity=40);   
-moz-opacity: 0.4;   
opacity: 0.4;
}
img.opacity8 {
filter:alpha(opacity=30);   
-moz-opacity: 0.3;   
opacity: 0.3;
}
img.opacity9 {
filter:alpha(opacity=20);   
-moz-opacity: 0.2;   
opacity: 0.2;
}
img.opacity10 {
filter:alpha(opacity=10);   
-moz-opacity: 0.1;   
opacity: 0.1;
}
img.opacity11 {
filter:alpha(opacity=0);   
-moz-opacity: 0.0;   
opacity: 0.0;
}
</style>
<script type="text/javascript">
var j=0;
var k=12;
function setOpacity(){
	for(var i=1;i<11;i++){
		Timer= setTimeout("clock()",100*i);
	}
	var j=0;
}

function clock(){
j++;
var x=document.getElementById("id");
//alert(x.className);
x.className="opacity"+j;
}

function setOpacity2(){
	for(var i=1;i<11;i++){
		Timer= setTimeout("clock2()",100*i);
	}
	var k =12;
}

function clock2(){
k--;
var x=document.getElementById("id");
//alert(x.className);
x.className="opacity"+k;
}

</script>
</head>

<body>
<img id="id" class="opacity1" src="http://www.mandarindesign.com/images/text.jpg" onmouseover="setOpacity()" onmouseout="setOpacity2()" width="100" height="119" style="border:1px solid black;">
</body>
</html>


weet iemand hoe ik dit dan moet toepassen in een tekst ipv een plaatje? en dat er OVERHEEN, dus bovenop nog 1 ding blijft staan

[edit]
Dus: de chat op de achtergrond, die fade weg, daaroverheen de login :-)
[/edit]
Elwin - Fratsloos
12-03-2007 14:41
@rowin:
Kap eens ff met die achterlijke spam van je!

Elwin

Reageren

Inloggen om te reageren