Avatar billede taager-kongen Nybegynder
08. september 2002 - 11:22 Der er 83 kommentarer og
1 løsning

svært IGEN kun pro

hej gutter... jeg ahr denne teste tabel:
<table width="698" height="100" border="1" align="center">
  <tr>
    <td height="23">/td>
    <td><a href="1.html" target="ntest">link</a></td>
    <td><a href="test.html" target="ntest">link</a></td>
  </tr>
  <tr valign="top">
    <td colspan="3" height="200"> <iframe name="ntest">Test....</iframe></td>
  </tr>
</table>


når man klikker på et link vil jeg gerne have billede.gif kommer hen over nframe.....
Altså nframe er 200x100 og billedet er det samme så det lige dækker...

efter 2sec skal billedet gå væk og side skal komme frem....

Forstår i???
Avatar billede henrik-henrik Nybegynder
08. september 2002 - 11:24 #1
Næh!!!

men det kan da være at der er andre der gør
Avatar billede taager-kongen Nybegynder
08. september 2002 - 11:25 #2
når man klikker på et link skal et billede komme over nFrame og bliver det i 2sec og der efter skal siden fra linket kimme frem i nFrame forstår i nu??
Avatar billede pelkjaer Nybegynder
08. september 2002 - 11:30 #3
For det første, hvor er det billede du taler om - du viser kun en tabel.

For det andet, du kan ikke få det til at virke i andet end i IE5.5+ - her kan du dog z-indexe dig ud af det.
Se http://support.microsoft.com/default.aspx?scid=KB;EN-US;Q177378&
Avatar billede taager-kongen Nybegynder
08. september 2002 - 11:31 #4
det er svært det der... kan du ikke lægge det ind i mit ekssemplem??? billedet ligge i samme mappe og hedder "over.gif"
Avatar billede Slettet bruger
08. september 2002 - 11:52 #5
Kanon overskrift!
Avatar billede taager-kongen Nybegynder
08. september 2002 - 11:53 #6
hallo??
Avatar billede justdoit Nybegynder
08. september 2002 - 11:58 #7
<table width="698" height="100" border="1" align="center">
  <tr>
    <td height="23"></td>
    <td><a href="1.html" target="ntest">link</a></td>
    <td><a href="test.html" target="ntest">link</a></td>
  </tr>
  <tr valign="top">
    <td colspan="3" height="200"> <iframe name="ntest" src="blank.htm">Test....</iframe></td>
  </tr>
</table>
Avatar billede taager-kongen Nybegynder
08. september 2002 - 12:11 #8
justdoit ---> virker ikke..... intet billede..
Avatar billede taager-kongen Nybegynder
08. september 2002 - 12:22 #9
lukekr....
Avatar billede taager-kongen Nybegynder
08. september 2002 - 12:22 #10
nu
Avatar billede pelkjaer Nybegynder
08. september 2002 - 12:28 #11
Normalt har man mindst sine spørgsmål åbne i et par dage..

Det du skal gøre er at placere dit billede i en div der ligger ind over iframen. Hvis du undlader at give iframen z-index, er det nok at give din div z-index:1

Så laver du en show/hide layers funktion, der først viser din div, og dernæst en der skjuler den - og til den sidste sætter du timeout på.
Ala

setTimeout('showHideLayers(),2000)
Avatar billede taager-kongen Nybegynder
08. september 2002 - 12:29 #12
ok.. MEN hvordan.... kan ikke javascript... du for 60 points... hvis du laver det..
Avatar billede taager-kongen Nybegynder
08. september 2002 - 12:31 #13
hjælp...
Avatar billede taager-kongen Nybegynder
08. september 2002 - 12:54 #14
forstår du eller skal jeg forklare det??
Avatar billede lillebror Nybegynder
08. september 2002 - 12:54 #15
Jeg skal lige læse det igennem :)
Avatar billede lillebror Nybegynder
08. september 2002 - 12:57 #16
oki du har en iframe der skal dækkes af et billede i to sekunder når man klikker på et link?
Avatar billede taager-kongen Nybegynder
08. september 2002 - 12:57 #17
ja....
Avatar billede zarthax Nybegynder
08. september 2002 - 12:58 #18
Den side der skal vises i "ntest" skal indeholde billedet du vil vise og en kodestreng imellem <head> og </head>

Billedet skal være de ønskede mål.
Koden der bruges hedder <meta http-equiv="REFRESH" content="5; url=http://www.ljweb.com"> url'en ændrer du så til det korrekte.
Avatar billede pelkjaer Nybegynder
08. september 2002 - 12:59 #19
Der er nu ikke så meget i det.
Her er en show/hide funktion:

function showHideLayers()
{
  var i, visStr, obj, args = showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3)
  {
    if ((obj = findObj(args[i])) != null)
    {
      visStr = args[i+2];
      if (obj.style)
      {
        obj = obj.style;
        if(visStr == 'show') visStr = 'visible';
        else if(visStr == 'hide') visStr = 'hidden';
      }
      obj.visibility = visStr;
    }
  }
}
og så setTimeout('showHideLayers(myLayer,'','hide'),2000)

osv.
Avatar billede lillebror Nybegynder
08. september 2002 - 12:59 #20
Jeg tror ikke lige det er det han spørger om mandator
Avatar billede limemedia Nybegynder
08. september 2002 - 12:59 #21
mandator >> tak for reklamen til min side *gg*
Avatar billede taager-kongen Nybegynder
08. september 2002 - 12:59 #22
mandator --> nej for siden skal ikke loade... kun inde i iFrame...
Avatar billede taager-kongen Nybegynder
08. september 2002 - 13:00 #23
pelkjaer --_> forstår ikke helt... kan ikke noget javascript...
Avatar billede lillebror Nybegynder
08. september 2002 - 13:00 #24
pelkjaer, du bruger visibility, og efter hvad jeg ved vil det da ikke være muligt at klikke på links i hans iframe
Avatar billede pelkjaer Nybegynder
08. september 2002 - 13:02 #25
lillebror>>So? Han vil blot ha' et billede ind *over* iframen, det kan du gøre ved at smide det i en div.
Avatar billede pelkjaer Nybegynder
08. september 2002 - 13:02 #26
Og da det skal forsvinde igen efter 2 sek er der ingen problemer :)
Avatar billede taager-kongen Nybegynder
08. september 2002 - 13:03 #27
kan du hjælpe??
Avatar billede pelkjaer Nybegynder
08. september 2002 - 13:03 #28
taager-kongen>>Bruges således:

// Eks: showHideLayers(Layer1,'','show',Layer2,'','hide');
med onclick, onmouseover etc.
Avatar billede taager-kongen Nybegynder
08. september 2002 - 13:03 #29
kommer om lidt..... tønder kalder..
Avatar billede taager-kongen Nybegynder
08. september 2002 - 13:05 #30
pelkjaer --> kan du give et expepel??? kan ikke forstå det..
Avatar billede zarthax Nybegynder
08. september 2002 - 13:05 #31
Indholdet af en <iframe> er akkurat det samme som en almindelig side.
Klik på "test1" og <iframe> viser indholdet af test1.

meta koden gør så, at test1 hentes (test1 er den side med billedet) og gør klar til at hente test2, som indeholder dataerne...

Er det noget jeg har misforstået ?
Avatar billede lillebror Nybegynder
08. september 2002 - 13:05 #32
pelkjaer hvis folk skal kunne klikke inde i hans iframe så duer dit script ikke
Avatar billede pelkjaer Nybegynder
08. september 2002 - 13:07 #33
Det gør det da eftersom layeret kan skjules efter 2 sek med SetTimeOut.
Avatar billede pelkjaer Nybegynder
08. september 2002 - 13:10 #34
lillebror>>Næ, nu jeg tænker har du ret. Men så kunne man ved hide slide layeret væk.

En bedre løsning er sq' nok at bruge show/hide inde i iframe dokumentet ved onload.
Avatar billede lillebror Nybegynder
08. september 2002 - 13:10 #35
en bedre løsning ville være at bruge display = none og display = inline eller block eller hvad det nu hedder :)
Avatar billede lillebror Nybegynder
08. september 2002 - 13:17 #36
Wow, nu har jeg lavet noget der virker :P
Avatar billede taager-kongen Nybegynder
08. september 2002 - 13:18 #37
må jeg se??
Avatar billede lillebror Nybegynder
08. september 2002 - 13:20 #38
<script language="JavaScript">
function toggleImage(){
    var image = document.getElementById("gifbillede");
    var iframe = document.getElementById("ntest");
    image.style.top = iframe.offsetTop;
    image.style.left = iframe.offsetLeft;
    image.style.display = "block";
    var intervalId = setTimeout("hideImage()", 2000);
}
function hideImage(){
    var image = document.getElementById("gifbillede");
    image.style.display = "none";
    clearTimeout("intervalId");
}
</script>
<style type="text/css">
#gifbillede {
    position: absolute;
    z-index: 3;
    width: 200px;
    height: 100px;
    display: none;
}
</style>

<img src="billede.gif" alt="" border="0">

<a href="#" onclick="toggleImage();">Toggle Image</a>
Avatar billede lillebror Nybegynder
08. september 2002 - 13:21 #39
sæt det her ind imellem <head> og </head>

<script language="JavaScript">
function toggleImage(){
    var image = document.getElementById("gifbillede");
    var iframe = document.getElementById("ntest");
    image.style.top = iframe.offsetTop;
    image.style.left = iframe.offsetLeft;
    image.style.display = "block";
    var intervalId = setTimeout("hideImage()", 2000);
}
function hideImage(){
    var image = document.getElementById("gifbillede");
    image.style.display = "none";
    clearTimeout("intervalId");
}
</script>
<style type="text/css">
#gifbillede {
    position: absolute;
    z-index: 3;
    width: 200px;
    height: 100px;
    display: none;
}
</style>


resten giver næsten sig selv :)
Avatar billede taager-kongen Nybegynder
08. september 2002 - 13:24 #40
skriver "fejl på siden" ??? vriekr ikk:
<html>
<head>
<script language="JavaScript">
function toggleImage(){
    var image = document.getElementById("test.jpg");
    var iframe = document.getElementById("ntest");
    image.style.top = iframe.offsetTop;
    image.style.left = iframe.offsetLeft;
    image.style.display = "block";
    var intervalId = setTimeout("hideImage()", 2000);
}
function hideImage(){
    var image = document.getElementById("test.jpg");
    image.style.display = "none";
    clearTimeout("intervalId");
}
</script>
<style type="text/css">
#gifbillede {
    position: absolute;
    z-index: 3;
    width: 200px;
    height: 100px;
    display: none;
}
</style>

<head>
<table width="698" height="100" border="1" align="center">
  <tr>
    <td height="23"></td>
    <td><a href="1.html" target="ntest">link</a></td>
    <td><a href="test.html" target="ntest">link</a></td>
  </tr>
  <tr valign="top">
    <td colspan="3" height="200"> <iframe name="ntest" src="1.html">Test....</iframe></td>
  </tr>
</table><a href="#" onclick="toggleImage();">Toggle Image</a>
Avatar billede lillebror Nybegynder
08. september 2002 - 13:24 #41
du forstår ikke
Avatar billede lillebror Nybegynder
08. september 2002 - 13:26 #42
du skal have en der hedder <img src="billede.gif" alt="" border="0" id="gifbillede">

også skal du ikke rette i mit javascript!!
var image = document.getElementById("test.jpg"); <-- den har du rettet i det skulle du ikke
Avatar billede lillebror Nybegynder
08. september 2002 - 13:31 #43
Får du det til at virke?
Avatar billede taager-kongen Nybegynder
08. september 2002 - 13:43 #44
nej... har rettet det
????
Avatar billede lillebror Nybegynder
08. september 2002 - 13:43 #45
Vis mig din kode igen hvis det ikke virker
Avatar billede taager-kongen Nybegynder
08. september 2002 - 13:44 #46
takker.... virker... nu... komemr senere og giver points til dig..
Avatar billede lillebror Nybegynder
08. september 2002 - 13:46 #47
taager-kongen du opretter bare lige et spørgsmål under samme kategori som det her.
overskriften skal være: point til lillebror
og indholdet af spørgsmålet skal være: 60 point til lillebror for at besvare spm. http://www.eksperten.dk/spm/255437 som jeg kom til at lukke for tidligt.
Avatar billede taager-kongen Nybegynder
08. september 2002 - 13:48 #48
hvor mange points vil du havde??
Avatar billede taager-kongen Nybegynder
08. september 2002 - 13:49 #49
ok...
Avatar billede taager-kongen Nybegynder
08. september 2002 - 13:50 #50
har lige et problem mere:
<html>
<head>
<script language="JavaScript">
function toggleImage(){
    var image = document.getElementById("test.jpg");
    var iframe = document.getElementById("ntest");
    image.style.top = iframe.offsetTop;
    image.style.left = iframe.offsetLeft;
    image.style.display = "block";
    var intervalId = setTimeout("hideImage()", 8000);
}
function hideImage(){
    var image = document.getElementById("test.jpg");
    image.style.display = "none";
    clearTimeout("intervalId");
}
</script>
<style type="text/css">
#gifbillede {
    position: absolute;
    z-index: 3;
    width: 200px;
    height: 100px;
    display: none;
}
</style>

<head>
<table width="698" height="100" border="1" align="center">
  <tr>
    <td height="23"></td>
    <td><a href="1.html" target="ntest">link</a></td>
    <td><a href="test.html" target="ntest">link</a></td>
  </tr>
  <tr valign="top">
    <td colspan="3" height="200"> <iframe name="ntest" src="1.html">Test....</iframe></td>
  </tr>
</table><a href="#" onclick="toggleImage();">Toggle Image</a>

<img src="test.jpg" alt="" border="0" id="gifbillede">

nu skriver den fejl på siden igen...
Avatar billede lillebror Nybegynder
08. september 2002 - 13:51 #51
Opretter du det nu? så undgår jeg at misse spørgsmålet og ikke få mine point :)
Avatar billede lillebror Nybegynder
08. september 2002 - 13:51 #52
Ok jeg kigger lige på det
Avatar billede taager-kongen Nybegynder
08. september 2002 - 13:51 #53
jeg har oprettet det... kan du også hjælpe mig færdig??:
http://www.eksperten.dk/spm/255490
Avatar billede lillebror Nybegynder
08. september 2002 - 13:52 #54
det er fordi du retter i mit javascript taager-kongen, lad være med det!
den skal se sådan ud begge steder
  var image = document.getElementById("gifbillede");
Avatar billede taager-kongen Nybegynder
08. september 2002 - 13:54 #55
den ligger det ikke over iframe??? hvordan bestemmer jeg y og x??
Avatar billede lillebror Nybegynder
08. september 2002 - 13:55 #56
hovsa det er fordi din iframe også skal have et id
<iframe name="ntest" src="1.html" id="ntest">
Avatar billede taager-kongen Nybegynder
08. september 2002 - 13:56 #57
virker ikke...
Avatar billede lillebror Nybegynder
08. september 2002 - 13:56 #58
vis mig din kode igen :)
Avatar billede taager-kongen Nybegynder
08. september 2002 - 13:57 #59
<html>
<head>
<script language="JavaScript">
function toggleImage(){
var image = document.getElementById("gifbillede");
    var iframe = document.getElementById("ntest");
    image.style.top = iframe.offsetTop;
    image.style.left = iframe.offsetLeft;
    image.style.display = "block";
    var intervalId = setTimeout("hideImage()", 2000);
}
function hideImage(){
var image = document.getElementById("gifbillede");
    image.style.display = "none";
    clearTimeout("intervalId");
}
</script>
<style type="text/css">
#gifbillede {
    position: absolute;
    z-index: 3;
    width: 200px;
    height: 100px;
    display: none;
}
</style>

<head>
<table width="698" height="100" border="1" align="center">
  <tr>
    <td height="23"></td>
    <td><a href="1.html" target="ntest">link</a></td>
    <td><a href="test.html" target="ntest">link</a></td>
  </tr>
  <tr valign="top">
    <td colspan="3" height="200"><img src="test.jpg" alt="" border="0" id="gifbillede"> <iframe name="ntest" src="1.html" id="ntest">Test....</iframe></td>
  </tr>
</table><a href="#" onclick="toggleImage();">Toggle Image</a>
Avatar billede lillebror Nybegynder
08. september 2002 - 13:59 #60
hmm hvorfor mon det ikke virker, kan du uploade din side til et sted så jeg kan tage et kig på den?
Avatar billede taager-kongen Nybegynder
08. september 2002 - 14:00 #61
to sec...
Avatar billede taager-kongen Nybegynder
08. september 2002 - 14:03 #62
Avatar billede taager-kongen Nybegynder
08. september 2002 - 14:04 #63
kan du se det??
Avatar billede lillebror Nybegynder
08. september 2002 - 14:05 #64
vi prøver lige noget
prøv at ændre
    var iframe = document.getElementById("ntest");
til
    var iframe = document.getElementById("ntester");
og ændre id på <iframe> til id="ntester"
Avatar billede lillebror Nybegynder
08. september 2002 - 14:06 #65
nej vent
Avatar billede taager-kongen Nybegynder
08. september 2002 - 14:07 #66
ok..
Avatar billede lillebror Nybegynder
08. september 2002 - 14:08 #67
<html>
<head>
<script language="JavaScript">
function toggleImage(){
var image = document.getElementById("gifbillede");
    var iframe = document.getElementById("ntest");
    image.style.top = iframe.offsetTop;
    image.style.left = iframe.offsetLeft;
    image.style.display = "block";
    var intervalId = setTimeout("hideImage()", 2000);
}
function hideImage(){
var image = document.getElementById("gifbillede");
    image.style.display = "none";
    clearTimeout("intervalId");
}
</script>
<style type="text/css">
#gifbillede {
    position: absolute;
    z-index: 3;
    width: 200px;
    height: 100px;
    display: none;
}
</style>

<head>
<table width="698" height="100" border="1" align="center">
  <tr>
    <td height="23"></td>
    <td><a href="1.html" target="ntest">link</a></td>
    <td><a href="test.html" target="ntest">link</a></td>
  </tr>
  <tr valign="top">
    <td colspan="3" height="200"><iframe name="ntest" src="1.html" id="ntest">Test....</iframe>
<img src="test.jpg" alt="" border="0" id="gifbillede">
<a href="#" onclick="toggleImage();">Toggle Image</a></td>
  </tr>
</table>
Avatar billede lillebror Nybegynder
08. september 2002 - 14:10 #68
prøv det der, jeg har nemlig ikke lavet min i en tabel og jeg tror offsetLeft og offsetTop arbejder indenfor elementer :)
Avatar billede taager-kongen Nybegynder
08. september 2002 - 14:10 #69
Avatar billede lillebror Nybegynder
08. september 2002 - 14:10 #70
og hvis det ikke virker så prøv at bytte
    image.style.top = iframe.offsetTop;
    image.style.left = iframe.offsetLeft;
ud med
    image.style.top = iframe.clientTop;
    image.style.left = iframe.clientLeft;
Avatar billede taager-kongen Nybegynder
08. september 2002 - 14:12 #71
nej.. heller ikke.....
Avatar billede taager-kongen Nybegynder
08. september 2002 - 14:12 #72
du skal nok nogen flere points hvos det virker..
Avatar billede lillebror Nybegynder
08. september 2002 - 14:18 #73
Har du uploadet igen efter du har byttet det ud med client?
Jeg kan ikke forstå hvorfor det ikke virker
Avatar billede taager-kongen Nybegynder
08. september 2002 - 14:19 #74
nu har jeg... det sætter sig i toppen af skærmen ikke i toppen af iframe??
Avatar billede lillebror Nybegynder
08. september 2002 - 14:23 #75
jeg har hentet din kildekode nu og vil lige sidde og lege lidt med det, for det virker heller ikke hos mig :)
Avatar billede taager-kongen Nybegynder
08. september 2002 - 14:24 #76
hm... det er mærkeligt..
Avatar billede lillebror Nybegynder
08. september 2002 - 14:40 #77
Jeg tror jeg er kommet ud et sted hvor jeg ikke kan bunde, men jeg forsøger lidt endnu
Avatar billede taager-kongen Nybegynder
08. september 2002 - 14:46 #78
ok..
Avatar billede lillebror Nybegynder
08. september 2002 - 15:03 #79
Jeg ved ikke hvorfor man ikke kan få noget output fra den der irriterende iframe, man kan godt ved den jeg har på en anden side som er totalt identisk med din
Avatar billede lillebror Nybegynder
08. september 2002 - 15:06 #80
Tror det er mine manglende javascript evner der spiller ind her, det vil godt virke hvis den ikke har en tabel omkring sig, men hvorfor det ikke vil når den har det går over min forstand
Avatar billede lillebror Nybegynder
08. september 2002 - 15:08 #81
Juhuuu tror det virker nu
Avatar billede lillebror Nybegynder
08. september 2002 - 15:09 #82
<html>
<head>
<script language="JavaScript">
function toggleImage(){
    var image = document.getElementById("gifbillede");
    var iframe = document.getElementById("ntest");
    image.style.top = iframe.offsetTop;
    image.style.left = iframe.offsetLeft;
    image.style.display = "block";
    var intervalId = setTimeout("hideImage()", 2000);
}
function hideImage(){
    var image = document.getElementById("gifbillede");
    image.style.display = "none";
    clearTimeout("intervalId");
}
</script>
<style type="text/css">
#gifbillede {
    position: absolute;
    z-index: 3;
    width: 200px;
    height: 100px;
    display: none;
}

#ntest{
    position: relative;
    z-index: 2;
    width: 200px;
    height: 100px;
    }
</style>
<head>
<body>
<table width="698" height="100" border="1" align="center">
  <tr>
    <td height="23"></td>
    <td><a href="1.html" target="ntest">link</a></td>
    <td><a href="test.html" target="ntest">link</a></td>
  </tr>
  <tr valign="top">
    <td colspan="3" height="100" id="tden">
    <center><iframe width="200" height="100" src="iframe.php" scrolling="no" name="ntest" id="ntest"></iframe>
</iframe>
    </center>
<img src="test.jpg" alt="" border="0" id="gifbillede" style="width: 200; height: 100;">
<a href="#" onclick="toggleImage();">Toggle Image</a>
</td>
  </tr>
</table>
</body>
</html>

Her har du al den kode du skal sætte ind :)
Avatar billede lillebror Nybegynder
08. september 2002 - 15:13 #83
Og nu skal det virke for jeg har testet det på din kode :)
Avatar billede taager-kongen Nybegynder
08. september 2002 - 15:18 #84
takker...
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