10 svar · 259 visningar · startad av Deru
heje
I förra veckan rotade jag med ett script som gav mig möjlighet att visa en bild och lite text som popup-ruta. Det fick jag till slut till med hjälp av ett script från https://www.bosrup.com/web/overlib/
Gott och väl.
Men riktigt bra är det inte och riktigt nöjd är jag inte. Sidan popupfunktionen ligger på är en frame, med frames på alla sidor och popuparna gömmer sig ibland bakom de andra. Är det nån som vet ett script som hanterar frames?
Eller;
Kan man anpassa Jojoxx script "Bild i popp-fönster 2" [ https://www.jojoxx.net/jscript/archive/imgpopup2.html ] så att man inte bara visar en bild, utan också lite text. Klart man kan, men jag menar, jag kan inte ... nån som kan?
Helst i en tabell med bilden i en kolumn och texten i den andra ...
vänligen, Deru
Ehhhh ... fast med onmouseover istället för oncklick ...
Se bifogat exempel.
NU JA! Det funkar ju alldeles alldeles utmärkt. Nästan, ja alltså det enda som är sådär är att det popupar ett nytt fönster var gång man musar över ... kan man styra det?
Kolla https://www.kfi.nu/popuptest.html
/Deru
Ge fönstret ett namn (andra parametern i window.open) och ge fönstret focus därefter;
MyWin = window.open("","foobar","scrollbars=no,resizable=yes,toolbar=no,location=no,directories=no,status=no,menubar=no,width=100,height=100");
MyWin.focus();
Jag fattar nästan ...
Hur blir det i länken? Och vad händer med argumentet open?
Med andra ord, vad är fel i koden nedan?
<script type="text/javascript">
/* Detta script finns att hämta på [url]http://www.jojoxx.net[/url] och
får användas fritt så länge som dessa rader står kvar. */
function imgPopup2(url,text){
MyWin = window.open("","foobar"," scrollbars=no,resizable=yes,toolbar=no,location=no,directories=n0,status=no,menubar=no,width=100,height=100");
MyWin.focus();
open();
write("<html>\n<head><scr"+"ipt>awidth=(document.layers)?0:8;awidth+=(document.all)?4:0;aheight=(document.layers)?0:29;</scr"+"ipt>\n<title>Bildvisare</title>\n</head>\n<body onLoad=\"window.resizeTo(document.images[0].width+awidth+200,document.images[0].height+aheight)\"marginwidth=0 marginheight=0 leftmargin=0 topmargin=0 rightmargin=0 style=\"overflow:hidden;\">\n");
write("<table border=0><td><img src=\""+url+"\"></td><td valign=\"top\" width=\"200\">"+text+"</td></table>\n");
write("</body>\n</html>\n");
close();
}
}
</script>
<a href="#" onMouseover="imgPopup2('overlib/anna.jpg','Anna är verksam inom KFi:s forskningsområde Styrning och ledning. Hon forskar om ledarskap som kännetecknas av diskontinuitet och högljuddhet, respektive av kontinuitet och lågmäldhet.'); return false;">Visa bild</a>
Raden with(MyWin.document){ har fallti bort.
Fasen!
jag måste vara osedvanlig dum i huvvet!
Nu funkar det visserligen bättre, förutom att det utöver popupen också öppnas ett _blank-fönster .... lösningen, eller felet, är säkert jättelätt för den som fattar, men jag fattar inte ...
och så här ser koden ut:
<html>
<head>
<title>Kolleger</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<script type="text/javascript">
/* Detta script finns att hämta på [url]http://www.jojoxx.net[/url] och
får användas fritt så länge som dessa rader står kvar. */
function imgPopup2(url,text){
MyWin = window.open("","foobar"," scrollbars=no,resizable=yes,toolbar=no,location=no,directories=no,status=no,menubar=no,width=100,height=100");
MyWin.focus();
open();
with(MyWin.document){
open();
write("<html>\n<head><scr"+"ipt>awidth=(document.layers)?0:8;awidth+=(document.all)?4:0;aheight=(document.layers)?0:29;</scr"+"ipt>\n<title>Bildvisare</title>\n</head>\n<body onLoad=\"window.resizeTo(document.images[0].width+awidth+200,document.images[0].height+aheight)\"marginwidth=0 marginheight=0 leftmargin=0 topmargin=0 rightmargin=0 style=\"overflow:hidden;\">\n");
write("<table border=0><td><img src=\""+url+"\"></td><td valign=\"top\" width=\"200\">"+text+"</td></table>\n");
write("</body>\n</html>\n");
close();
}
}
</script>
<a href="#" onMouseover="imgPopup2('overlib/anna.jpg','Anna är verksam inom KFi:s forskningsområde Styrning och ledning. Hon forskar om ledarskap som kännetecknas av diskontinuitet och högljuddhet, respektive av kontinuitet och lågmäldhet.'); return false;">Visa bild</a>
</body>
</html>