Variabelen oproepen in floating div
Nu ben ik net een javascriptje aan het proberen voor floating div-jes te laten zien. Ik zou nu graag deze in m'n shoutbox verwerken en zou graag, als je op de auteur klikt, een floatong divje krijgen met de member info.
MAAR:
om een floating divje op te roepen gebruik ik dus <a href="#" onClick="javascript:ShowDiv()">auteur</a>
Maar hoe stuur ik nu die variabele (de auteur wiens info moet weergegeven worden) door naar dat div-je ? Want dat div-je staat in m'n code natuurlijk buiten de while-functie van mijn shoutbox...
Iemand die mij kan helpen ?
CODE:
-------
<script language="JavaScript" type="text/javascript">
<!-- Floating DIV script -->
dragging = false;
// Get the floating DIV object
// depending on browser version
function GetDragDivObject(){
try {
var fsidivobject = document.getElementById('fsidiv');
if (fsidivobject == undefined) {
fsidivobject = (document.all)? document.all.fsidiv : document.fsidiv;
if (fsidivobject == undefined) return undefined;
}
}
catch (e){}
return fsidivobject;
}
// Start dragging the floating DIV
function StartDrag(){
var fsidivobject = GetDragDivObject();
if (fsidivobject == undefined) return;
dragstartX = fsidivobject.offsetLeft - MouseX;
dragstartY = fsidivobject.offsetTop - MouseY;
dragging = true;
return true;
}
// Stop dragging
function StopDrag(){
dragging = false;
}
// Show the floating DIV
function ShowDiv(){
var fsidivobject = GetDragDivObject();
if (fsidivobject == undefined) return;
fsidivobject.style.display = 'block';
fsidivobject.style.visibility = 'visible';
}
// Track cursor position and move
// the floating DIV if dragging
function MouseMove(evt){
if (!document.all){
MouseX = Math.max(50, evt.pageX);
MouseY = evt.pageY;
}
else {
MouseX = Math.max(50,event.x);
MouseY = event.y;
}
if (!dragging) return;
var fsidivobject = GetDragDivObject();
if (fsidivobject == undefined)return;
fsidivobject.style.left = MouseX + dragstartX;
fsidivobject.style.top = MouseY + dragstartY;
return true;
}
//Track mouseDown events and hide / close visible popups
function MouseDown(){
// Close popup window if present
try{
if (oNewWindow != undefined) oNewWindow.close();
}
catch(e){}
// Hide floating DIV if visible
var fsidivobject = GetDragDivObject();
if (dragging || fsidivobject == undefined) return;
if (fsidivobject.style.visibility != 'hidden') fsidivobject.style.visibility = 'hidden';
}
// Track mouse clicks and cursor position
if (!document.all) {
captureEvents(Event.MOUSEMOVE);
captureEvents(Event.MOUSEDOWN);
}
document.onmousemove = MouseMove;
document.onmousedown = MouseDown;
<!-- End of floating DIV script -->
</script>
onderaan mijn code heb ik dan dus een divje staan <div align=center UNSELECTABLE="on" class="fsidiv" align="center" id="fsidiv"></div>
Khoop dat iem mij kan helpen...
Er zijn nog geen reacties op dit bericht.