webForumDet fria alternativet
Logga in / Bli medlem

popup ifram, flytande bild

JavaScript

2 svar · 469 visningar · startad av Gimbo

Medlem sedan dec. 20001 626 inlägg
Frågan#1

tja,

har ett litet ovnaligt problem här, jag öppnar en länk i en popup i själva popup rutan har jag en iframe, och i den iframen har jag en url som jag läser in, men nu är det så att jag vill ha en bild som täcker toppen av iframen, så att en viss del utav länken som jag har i iframen inte syns, men får det inte riktigt att fungera, bilden som jag inkluderar hamnar under iframen, man jag vill att den skall hamna över iframen.

<script language="JavaScript" type="text/javascript">
<!-- ;
var newwindow
function popup(url , title) {
if (newwindow && !newwindow.closed) 
{ newwindow.focus(); newwindow.document.clear() } 
else 
{ newwindow=window.open('','','width=404,height=316,resizable=1') }
newwindow.document.writeln('<html> <head> <title>' + title + '<\/title> <\/head> <body bgcolor=\"black\"> <center>');
newwindow.document.writeln('<iframe src=' + url + '  width=300 height=300 id=chatframe frameborder=0 SCROLLING=yes border=0 class=iframe></iframe>');
newwindow.document.writeln('<img border=0 src=img/bigSmile.jpg width=158 height=156 style=\"position:relative; left:50px; top:50px; z-index:0\">');
newwindow.document.writeln('<\/center> <\/body> <\/html>');
newwindow.document.close();
}

function tidy()
{
if (newwindow && !newwindow.closed) { newwindow.close(); } 
}

// Based on JavaScript provided by Peter Curtis at [url]www.pcurtis.com[/url] -->
</script>

det är följande bild som jag vill ska täcka en del utav iframen: img/bigSmile.jpg

hoppas ngn kan hjälpa!

Medlem sedan maj 20068 inlägg
#2

Hej,

inte säker på om det här blir precis som du ville att det skulle vara - men... jag hoppas det :)

Om du vill att bilden ska täcka mer av iframe:n kan du ändra margin-top:-30px;

newwindow.document.writeln('<html> <head> <title>' + title + '<\/title> <\/head> <body bgcolor=\"black\"> <center>');
newwindow.document.writeln('<img border=0 src=img/bigSmile.jpg width=158 height=156 style="position:relative;z-index: 10;display:block;" />');
newwindow.document.writeln('<iframe src=' + url + '  width=300 height=300 id=chatframe style="margin-top:-30px; z-index: 1;position:relative;" frameborder=0 SCROLLING=yes border=0 class=iframe></iframe>');
newwindow.document.writeln('<\/center> <\/body> <\/html>');

/David

Medlem sedan dec. 20001 626 inlägg
#3

super tack stjärnan :D!

387 ms totalt · 4 externa anrop · v20260731065814-full.14655e19
119 ms — deklarationer (db)
125 ms — hämta statistik (db)
133 ms — hämta tråd, inlägg och bilagor (db)
126 ms — ändringar (db)