login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Ajax vensterslepen

Offline SvenP - 07/06/2006 13:39 (laatste wijziging 07/06/2006 14:23)
Avatar van SvenPPHP interesse Ik heb een script met Ajax-javascript gedoe..
daarmee kan ik een venster verslepen,
echter is het niet mogelijk om 2 venters in het scherm te zetten,
als ik dit die, klik ik op de 2de om te verplaatsen, maar de 1ste beweegt..

js:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. var ie=document.all;
  2. var nn6=document.getElementById&&!document.all;
  3.  
  4. var isdrag=false;
  5. var x,y;
  6. var dobj;
  7.  
  8. function movemouse(e)
  9. {
  10.   if (isdrag)
  11.   {
  12.     dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x;
  13.     dobj.style.top  = nn6 ? ty + e.clientY - y : ty + event.clientY - y;
  14.     return false;
  15.   }
  16. }
  17.  
  18. function selectmouse(e) 
  19. {
  20.   var fobj       = nn6 ? e.target : event.srcElement;
  21.   var topelement = nn6 ? "HTML" : "BODY";
  22.  
  23.   while (fobj.tagName != topelement && fobj.className != "dragme")
  24.   {
  25.     fobj = nn6 ? fobj.parentNode : fobj.parentElement;
  26.   }
  27.  
  28.   if (fobj.className=="dragme")
  29.   {
  30.     isdrag = true;
  31.    // dobj = fobj;
  32.     if(document.getElementById('dragcomponent'))
  33.     {
  34. 	dobj = document.getElementById('dragcomponent');
  35.     }
  36.  
  37.     tx = parseInt(dobj.style.left+0);
  38.     ty = parseInt(dobj.style.top+0);
  39.     x = nn6 ? e.clientX : event.clientX;
  40.     y = nn6 ? e.clientY : event.clientY;
  41.     document.onmousemove=movemouse;
  42.     return false;
  43.   }
  44. }
  45.  
  46. document.onmousedown=selectmouse;
  47. document.onmouseup=new Function("isdrag=false");


php:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <?
  2. function window($id,$title,$body){
  3. ?>
  4. <script language="javascript" src="js/DragDrop.js"></script>
  5. <div id="<?="Window" . $id;?>" style="position:relative; width:313; height:274; top:100; left:100">
  6. 	<table id="Table_01" width="500" border="0" cellpadding="0" cellspacing="0">
  7. 		<tr>
  8. 			<td width="8" height="19" rowspan="3">
  9. 				<img src="images/01.gif" width="8" height="19" alt="" /></td>
  10. 			<td background="images/02.gif" width="468" height="19" rowspan="3" class="dragme">
  11. 				titel?</td>
  12. 			<td width="16" height="2">
  13. 				<img src="images/03.gif" width="16" height="2" alt="" /></td>
  14. 			<td width="8" height="2" colspan="2">
  15. 				<img src="images/04.gif" width="8" height="2" alt="" /></td>
  16. 		</tr>
  17. 		<tr>
  18. 			<td width="19" height="12" colspan="2">
  19. 				<a href="#"><img src="images/05.gif" width="19" height="12" alt="" border="0"/></a></td>
  20. 			<td width="5" height="17" rowspan="2">
  21. 				<img src="images/06.gif" width="5" height="17" alt="" /></td>
  22. 		</tr>
  23. 		<tr>
  24. 			<td width="16" height="5">
  25. 				<img src="images/07.gif" width="16" height="5" alt="" /></td>
  26. 			<td width="3" height="5">
  27. 				<img src="images/08.gif" width="3" height="5" alt="" /></td>
  28. 		</tr>
  29. 		<tr>
  30. 			<td width="8" height="380">
  31. 				<img src="images/09.gif" width="8" height="380" alt="" /></td>
  32. 			<td bgcolor="808080" width="484" height="380" colspan="2">
  33. 				body?</td>
  34. 			<td width="8" height="380" colspan="2">
  35. 				<img src="images/11.gif" width="8" height="380" alt="" /></td>
  36. 		</tr>
  37. 		<tr>
  38. 			<td width="500" height="1" colspan="5">
  39. 				<img src="images/12.gif" width="500" height="1" alt="" /></td>
  40. 		</tr>
  41. 	</table>
  42. </div>
  43. <?
  44. }
  45. ?>


index.php:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <?php
  2. 	include ("tools/window.php");
  3.  
  4. 	window("1","title","file");
  5. 	window("2","title","file");
  6. ?>

7 antwoorden

Gesponsorde links
Offline ikkedikke - 07/06/2006 16:53
Avatar van ikkedikke PHP expert je laadt 2 keer hetzelfde javascriptje. die bevat een variabele met het window dat verplaatst moet worden. als je dan nog een keer dat script laadt bevat die weer het object voor het eerste window..
Offline SvenP - 07/06/2006 22:11
Avatar van SvenP PHP interesse dat had ik zelf nog door jah, maar.. hoe verhelp ik dit?
Offline MothZone - 07/06/2006 22:16
Avatar van MothZone PHP ver gevorderde Misschien door die
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script language="javascript" src="js/DragDrop.js"></script>
uit je functie te halen en ergens bovenaan de pagina te zetten?
Offline SvenP - 08/06/2006 09:33
Avatar van SvenP PHP interesse maar dan zit ik nog met de getelementbyid ding... dat zou dan eigenlijk een unike waarde hebben wat hetzelfde is als de div id toch? hoe geef ik dit een unike waarde?
Offline BramBo - 08/06/2006 09:35
Avatar van BramBo JS gevorderde Dat hebben ze  Namelijk :

Window1
Window2
Offline SvenP - 08/06/2006 10:24
Avatar van SvenP PHP interesse de div wel ja, maar de javascript niet ;)
Offline BramBo - 08/06/2006 10:44
Avatar van BramBo JS gevorderde Naar mijn idee dien je alleen class='dragme' in een element te plaatsen.

dobj = fobj; the uncommenten en de if statement verwijderen.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.197s