PDA

Volledige versie bekijken : inhoud van pop-up venster


bkersten
%Europe/Berlin %482 %2008, 11:34
Hoi,

Ik weet niet of dit in de juiste categorie staat.

Ik heb met een script in AJAX een pop-up venster.
Midden in dit script staat een stukje waar je de inhoud van dit pop-up venster in kunt zetten.

Nu wil ik dit pop-up venster op verschillende plekken in mijn site gaan gebruiken.
Maar dan zou ik iedere keer opnieuw de hele code moeten kopieren omdat de inhoud van het pop-up venster steeds weer anders is.

Weet iemand een oplossing, zodat ik op verschillende plekken in mijn site het pop-up venster kan gebruiken met verschillende inhoud, zonder dat ik de hele code van het pop-up venster steeds weer moet kopieren?!

Bedankt alvast!

Galerius
%Europe/Berlin %487 %2008, 11:42
Hoe is je code nu?

Bargok
%Europe/Berlin %488 %2008, 11:42
Wellicht kun je nu je code even plaatsen? Dat geeft een duidelijker beeld.
Ten tweede denk ik dat je javascript bedoeld en geen AJAX?

bkersten
%Europe/Berlin %506 %2008, 12:09
Hieronder de code.
Ik heb het script van internet.



<style type='text/css'>
.dragme { cursor: move }
</style>

<script type='text/javascript'>

var ie = document.all;
var nn6 = document.getElementById &&! document.all;

var isdrag = false;
var x, y;
var dobj;

function movemouse( e ) {
if( isdrag ) {
dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x;
dobj.style.top = nn6 ? ty + e.clientY - y : ty + event.clientY - y;
return false;
}
}

function selectmouse( e ) {
var fobj = nn6 ? e.target : event.srcElement;
var topelement = nn6 ? "HTML" : "BODY";

while (fobj.tagName != topelement && fobj.className != "dragme") {
fobj = nn6 ? fobj.parentNode : fobj.parentElement;
}

if (fobj.className=="dragme") {
isdrag = true;
dobj = document.getElementById("styled_popup");
tx = parseInt(dobj.style.left+0);
ty = parseInt(dobj.style.top+0);
x = nn6 ? e.clientX : event.clientX;
y = nn6 ? e.clientY : event.clientY;
document.onmousemove=movemouse;
return false;
}
}

function styledPopupClose() {
document.getElementById("styled_popup").style.display = "none";
}

document.onmousedown=selectmouse;
document.onmouseup=new Function("isdrag=false");

</script>

<div id='styled_popup' name='styled_popup' style='width: 380px; height: 300px; display:none; position: absolute; top: 150px; left: 50px;'>
<img height='23' width='356' src='images/x11_title.gif' class='dragme'>
<a href='javascript:styledPopupClose();'><img height='23' width='24' src='images/x11_close.gif' border='0'></a>

DIT IS DE INHOUD VAN HET VENSTER.

</div>

<input type='submit' onClick='document.getElementById("styled_popup").style.display="block"' value='Pop-up weergeven'>

bkersten
%Europe/Berlin %406 %2008, 09:45
Iemand een idee?

bkersten
%Europe/Berlin %900 %2008, 21:37
Ik heb zelf al een oplossing gevonden.