Avatar billede ch007 Nybegynder
15. december 2009 - 12:21 Der er 4 kommentarer og
1 løsning

Omskriv script

Jeg har fundet dette script her på eksperten:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tomt dokument</title>
<meta name="keywords" content="søgeord adskilt af komma">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#minDiv{position:absolute;width:150px;height:200px;border:3px ridge #222;display:none;overflow:auto;}
#minIframe{zoom:0.3;height:650px;width:500px;}
</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>
</head>
<body>
<br><a href="http://www.google.com" onmouseover="showURL(this);showBox(event);" onmouseout="hideBox()">Google</a>
<br><a href="http://www.dr.dk" onmouseover="showURL(this);showBox(event);" onmouseout="hideBox()">DR</a>
<br>
<div id="minDiv"><iframe id="minIframe" name="minIframe" src="about:blank"></iframe></div>
</body>

</html>


Jeg vil gerne have tilsvarende script, men billederne skal vises fast. Altså et billede af Googles hjemmeside uden "mouse-over".

Er der en der kan hjælpe?
Avatar billede tjens Nybegynder
15. december 2009 - 15:22 #1
Jeg ved ikke om jeg forstår spørgsmålet helt, men en iframe med en fremmed side skaleret ned i størrelse kan laves med 1 linie
<iframe  style="zoom:0.25" id="viewer" width="1200px" height="1600px" src="http://tv2.dk "> </iframe>

Hvis du gerne vil kunne skifte hvilken side der fremvises kan du lave en linie mere:
<button type="button" style="cursor:pointer" onclick='document.getElementById("viewer").src="http://eb.dk " '>ekstrabladet</button>

Bemærk at zoom kun virker i MSIE.
15. december 2009 - 17:36 #2
Som jeg forstaar spoergsmaalet saa vil du have de samme billeder men med det samme, uden at skulle goere mouseover.  Det mest enkle er at putte style og url direkte i din iframe, saadan her:

<html>
<body>
<iframe style="zoom:.3;height:600px;width:800px; border:0" src="http://www.google.com"></iframe><br/>
<iframe style="zoom:.3;height:600px;width:800px; border:0" src="http://www.dr.dk"></iframe>
</body>
</html>

Men som tjens siger, i FF faar du det fulde billede, ikke en formindsket gengivelse.
Avatar billede ch007 Nybegynder
15. december 2009 - 21:29 #3
tjens >> Det er lige det jeg havde brug for!!

Smider du et svar?
Avatar billede tjens Nybegynder
15. december 2009 - 21:32 #4
OK: Svar
22. december 2009 - 06:25 #5
Hvad saa ch007, lukker du spoergsmaalet?  Du har faaet og godkendt svar.  Hvis du lukker det nu saa staar det ikke laengere som aabent i min liste af indlaeg, og du giver de points du lovede saa folk er motiverede til at hjaelpe dig en anden gang.
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