Avatar billede blackscorpion Nybegynder
08. maj 2008 - 17:41 Der er 3 kommentarer og
1 løsning

Layer ved OnMouseOver på IMG.

Hej E.

Faldt over et script der åbner en ekstern side op i et layer på en link ved onmouseover.

Nu skal jeg have det konverteret til brug på et billede, men det virker nada. Får bare "Object not found!"

min kode ser sådan her ud:

koden i headeren:

  <style type="text/css">
  <!--
  #minDiv{
    position:absolute;
    width:150px;
    height:100px;
    border:1px solid black;
    display:none;
    overflow:none
  }

  #minIframe{
    width:150px;
    height:100px;
    background-color: trabsparebt;
  }
  -->
  </style>
<script language="javascript" type="text/javascript">
  function showBox(e) {
    box = document.getElementById("minDiv").style;
    box.display = "block";
    box.left = ((e.clientX) ? e.clientX:e.pageX)+15+"px";
    box.top = ((e.clientY) ? e.clientY:e.pageY)-15+"px";
  }
  function hideBox(){
    document.getElementById("minDiv").style.display = 'none';
  }
  function showURL(link){
    window.minIframe.location.href = link.href;
  }
</script>

koden i selve scriptet:

<img src="testpic.gif"  onmouseover="showURL('info.php');showBox(event); return false" onmouseout="hideBox()">

<div id="minDiv"><iframe id="minIframe" name="minIframe" src="about:blank" frameborder="0" scrolling="no"></iframe></div>

førhen var det på et link og showURL('info.php') så sådan her ud: showURL(this)

håber i forstår. :)
Avatar billede blackscorpion Nybegynder
08. maj 2008 - 18:12 #1
Fik det løst. :)
Avatar billede styrk Nybegynder
09. maj 2008 - 07:07 #2
hvad var der galt? jeg står lige og mangler samme ting ;-)
Avatar billede w13 Novice
09. maj 2008 - 09:32 #3
styrk>> Det kan gøres sådan her i stedet:

<script type="text/javascript">
function ToggleDisplay(o){
  o=document.getElementById(o);
  o.style.display=o.style.display!="block"?"block":"none"
}
</script>

<div id="boksen">test</div>

<p><a href="java script:ToggleDisplay('boksen')">Vis 'boksen'</a></p>

<img id="billedet" src="test.bmp">

<p><a href="java script:ToggleDisplay('billedet')">Vis 'billedet'</a></p>
Avatar billede styrk Nybegynder
09. maj 2008 - 10:03 #4
1000tak ;-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester