Wysiwyg web builder Dragable bar

[erwin71239]

ik had gekeken en ik vond hoe je zoon popup op de site zelf kon laten verschijnen enzo nu ben ik met een vista skin site aan het maken en wil ik dat je met een afbeelding de layer kan verplaatsen inplaats dan met zoon html balkje die dan blauw is. Hier is de code ik heb hem aangepast zo dat die een beetje transparant is maar hij kan niet over een afbeelding heen hier de code:

<table>
   <td id="Layer1TitleBar" style="cursor:move" width="100%">
      <ilayer width="100%" onSelectStart="return false">
      <layer width="100%" onMouseover="isMouseover=true" onMouseout="isMouseover=false">
      <font face="Arial" color="#FFFFFF" style="font-size:13px;text-decoration:none"><b> </b></font>
      </layer>
      </ilayer>
   </td>
   <td style="cursor:hand" valign="top">
      <a href="#" onClick="layerElement.style.visibility='hidden';return false">
      <font color="#FFFFFF" face="Arial" style="font-size:13px;text-decoration:none"><b>   </b></font>
      </a>
   </td>
</tr>
</table>

Code 2 voor de site html

<script language="JavaScript1.2">

isMouseover = false;
isDragging = false;

function MouseDownLayer(e)
{
   isIE = document.all;

   documentTag = isIE ? "BODY" : "HTML";
   srcElement = isIE ? event.srcElement : e.target;  
   layerElement = isIE ? document.all.Layer1 : document.getElementById("Layer1");  

   while (srcElement.id != "Layer1TitleBar" && srcElement.tagName != documentTag)
   {
      srcElement = isIE ? srcElement.parentElement : srcElement.parentNode;
   }  
   if (srcElement.id == "Layer1TitleBar")
   {
      offsetX = isIE ? event.clientX : e.clientX;
      offsetY = isIE ? event.clientY : e.clientY;
      currentX = parseInt(layerElement.style.left);
      currentY = parseInt(layerElement.style.top);
      isDragging = true;
      document.onmousemove = MouseMoveLayer;
  }
}

function MouseMoveLayer(e)
{
   if (!isDragging) return;
   
   // Internet Explorer ?
   if (document.all)
   {
      layerElement.style.left = currentX+event.clientX-offsetX; 
      layerElement.style.top = currentY+event.clientY-offsetY;
   }
   else
   {
      layerElement.style.left = currentX+e.clientX-offsetX; 
      layerElement.style.top = currentY+e.clientY-offsetY;
   }
   return false;  
}

document.onmousedown = MouseDownLayer;
document.onmouseup = Function("isDragging=false");

</script>

Hopelijk kunnen jullie mij helpen

 

[That Guy]

en ik vond hoe je zoon popup op de site zelf kon laten verschijnen enzo

en wil ik dat je met een afbeelding de layer kan verplaatsen inplaats dan met zoon html balkje die dan blauw is

Erhm, dat klinkt allemaal een beetje vaag. Ik snap het in ieder geval niet. Zet anders eens de gehele code online, en geef dan nog eens aan wat er goed/fout gaat (desnoods met plaatjes!)


:thumb: