Jeg har et lille kontaktbureau på nettet, og jeg kan se hos de
professionelle bureauer har de en chat, hvor man kan klikke på de aktuelle
brugere i et vindue, og herved åbnes der (under musepilen) et nyt vindue,
hvor der er et antal links, f.eks. 4, der fører til at få "nærmere
oplysninger", "skrive brev til", "chat privat" etc. med den pågældende
bruger.
Jeg har selv, uden held, forsøgt at lave den samme funktion i min chat. Men
her under er koden i en html-fil, der viser 3 navne og hvor man får et nyt
vindue med nye valg, når man klikker på dem.
Men koden herunder er så rodet og fuld af så meget andet, som jeg ikke skal
bruge, at den må skæres ned til det centrale, og det kan jeg ikke finde ud
af. Jeg er simpelthen ikke dygtig nok.
Kan nogen hjælpe med at skære i denne kode, eller forklare hvad i den der
skaber det nye drop-down vindue?
På forhånd tak.
v.h.
Jakob Munck
-------------------------------------------
<html><head><title></title>
<link rel="stylesheet" type="text/css" href="chat.css">
</head>
<script Language="JavaScript"><!--
var timerRunning = false; // boolean flag
var myTimer = false;
function myFunction() {
// whenever the timer 'awakes' set the flag to false:
timerRunning = false;
hide('chatMenu');
}
function startTimer() {
myTimer = setTimeout('myFunction()',400); // myTimer holds the id of the
timer
//setTimeout = ('myFunction()',1000);
timerRunning = true; // whenever you start a timer set the timerRunning
flag to true
}
function stopTimer() {
if (timerRunning)
clearTimeout(myTimer);
}
function show(object,e,guid,username,tmpusername) {
dynform.user.value = guid
dynform.username.value = username
document.all['nusername'].innerHTML = '<font
color="#FFE78C">'+tmpusername+'<img src="../images/dot.gif"><br>';
if (e != '') {
if (document.all) {
x = e.clientX;
y = e.clientY;
}
if (document.layers) {
x = e.pageX;
y = e.pageY;
}
}
if (x > 10){
x = x-10
}
if (document.layers && document.layers[object] != null) {
document.layers[object].left = x;
document.layers[object].top = y;
}
else if (document.all) {
document.all[object].style.posLeft = x;
document.all[object].style.posTop = y;
}
if (document.layers && document.layers[object] != null)
document.layers[object].visibility = 'visible';
else if (document.all)
document.all[object].style.visibility = 'visible';
}
function hide(object) {
if (document.layers && document.layers[object] != null)
document.layers[object].visibility = 'hidden';
else if (document.all)
document.all[object].style.visibility = 'hidden';
}
function change(i,color) {
if (document.layers)
window.document.layers['id' + i].bgColor = color;
else if (document.all)
window.document.all['id' + i].style.background = color;
}
function ChatTo(username) {
parent.msgframe.document.all['infotext'].innerHTML = 'Du skriver til
</span><span class="h1">'+username+'</span> - <span id=test2
onClick="resetForm();" style="cursor: hand"><i><u>Skriv til
alle</u></i></span>';
parent.msgframe.document.form.chatTo.value = username;
parent.msgframe.document.form.isPrivate.value = 0;
hide('chatMenu');
parent.msgframe.document.form.msg.focus();
}
function ChatPrivateTo(username) {
parent.msgframe.document.all['infotext'].innerHTML = 'Du skriver PRIVAT til
</span><span class="h1">'+username+'</span> - <span id=test2
onClick="resetForm();" style="cursor: hand"><i><u>Skriv til
alle</u></i></span>';
parent.msgframe.document.form.chatTo.value = username;
parent.msgframe.document.form.isPrivate.value = 1;
hide('chatMenu');
parent.msgframe.document.form.msg.focus();
}
//--></script>
*/
<body bgcolor="#ffffcc" leftmargin="2" rightMargin="2" topMargin="0">
<table cellspacing="0" cellpadding="0" width="100%">
<tr>
<tr>
<tr><td><span class="user_male">
<a href="#" style="text-decoration: none"
onMouseDown="show('chatMenu',event,'{2D75832B-C161-11D5-9C3A-204C4F4F5020}',
'skovgaard','skovgaar..');"><font color="#7B8EAD">skovgaar.. [<font
color="#000000">38</font>]</a></font>
</td>
<td align="right"></td></tr><tr><td><span class="user_female">
<a href="#" style="text-decoration: none"
onMouseDown="show('chatMenu',event,'{2D758158-C161-11D5-9C3A-204C4F4F5020}',
'Miss C ','Miss C ');"><font color="#800000">Miss C [<font
color="#000000">35</font>]</a></font></td><td
align="right"></td></tr><tr><td><span class="user_male"><a href="#"
style="text-decoration: none"
onMouseDown="show('chatMenu',event,'{749BFB13-C47A-11D5-9C3A-204C4F4F5020}',
'Ulrik','Ulrik');"><font color="#7B8EAD">Ulrik [<font
color="#000000">53</font>]</a></font></td><td
align="right"></td></tr></table>
<div id="chatMenu" onMouseOver="stopTimer();" onMouseMove="stopTimer();"
onMouseOut="startTimer();" style="position:absolute; visibility: hidden;">
<table class="brod" bgcolor="#ff0000" style="border: 1px solid #000000;"
width="100" cellpadding="1" cellspacing="0">
<tr bgcolor="#ffffcc"><td bgcolor="#7B8EAD" width="14">
<img src="../images/smallhart.gif"></td><td width="86" id="nusername"
style="cursor: hand;" bgcolor="#7B8EAD">xxx</td></tr>
<tr bgcolor="#ffffcc"><td id="id1" colspan="2" style="cursor: hand;"
onMouseMove="change(1,'#FFE78C');stopTimer();"
onMouseOut="change(1,'#ffffcc');">
<a href="#" onClick="ChatTo(dynform.username.value)" style="text-decoration:
none">Chat til</a></td></tr>
<tr bgcolor="#ffffcc"><td id="id6" colspan="2" style="cursor: hand;"
onMouseMove="change(6,'#FFE78C');stopTimer();"
onMouseOut="change(6,'#ffffcc');">
<a href="#" onClick="ChatPrivateTo(dynform.username.value)"
style="text-decoration: none">Chat privat til</a>
</td></tr>
<tr bgcolor="#ffffcc"><td id="id2" colspan="2" height="1"
bgcolor="#000000"></td></tr>
<tr bgcolor="#ffffcc">
<td id="id3" colspan="2" style="cursor: hand;"
onMouseMove="change(3,'#FFE78C');stopTimer();"
onMouseOut="change(3,'#ffffcc');">
<a href="#" style="text-decoration: none"
onClick="window.open('../profile.show.asp?ref=chat<&wstate=popup&guid='+dynf
orm.user.value,'ND419','height=500,width=630,resizable=no,status=no,scrollba
rs=yes,toolbar=no,menubar=no,location=no');">Se profil</a></td></tr>
<tr bgcolor="#ffffcc"><td id="id4" colspan="2" style="cursor: hand;"
onMouseMove="change(4,'#FFE78C');stopTimer();"
onMouseOut="change(4,'#ffffcc');"><a href="#" style="text-decoration: none"
onClick="window.open('../favorit.add.popup.asp?guid='+dynform.user.value,'ND
619','height=30,width=120,resizable=no,status=no,scrollbars=no,toolbar=no,me
nubar=no,location=no');">Tilf??avorit</td></tr>
<tr bgcolor="#ffffcc"><td id="id5" colspan="2" style="cursor: hand;"
onMouseMove="change(5,'#FFE78C');stopTimer();"
onMouseOut="change(5,'#ffffcc');"><a href="#" style="text-decoration: none"
onClick="window.open('../mailsys.create.form.asp?wstate=popup&wstat=3&am
p;to='+dynform.user.value+'&toname='+dynform.username.value,'ND719','hei
ght=500,width=610,resizable=no,status=no,scrollbars=no,toolbar=no,menubar=no
,location=no');">Send brev</a></td></tr>
</table>
</div>
<form name="dynform">
<input type="hidden" name="user" value>
<input type="hidden" name="username" value>
<input type="hidden" name="myusername" value="Ulrik">
</form>