Avatar billede moejensen Nybegynder
05. august 2002 - 11:38 Der er 16 kommentarer og
1 løsning

skift en iframe og indhold i tabel ved et klik

Jeg har en side hvor jeg har bygget det meste op i tabeller, men hvor jeg har en inner frame i en af tabellerne, derud over har jeg et billede i tabellen over iframen. Er det muligt at lave et link der skifter indholdet i iframen og billedet i tabellen på samme tid, og i så fald, hvordan???
Avatar billede mikoalngelo Nybegynder
05. august 2002 - 11:42 #1
(LM)
Avatar billede moejensen Nybegynder
05. august 2002 - 11:43 #2
mit problem kommer af at jeg skal have en overskrift på siden i iframen stående i billedet, så en anden mulighed ville være at ligge et lag oven på billedet, hvor der stod noget tekst, som jeg kunne bare kan ændre sammen med indholdet i iframen.
Avatar billede moejensen Nybegynder
05. august 2002 - 11:43 #3
hvad mener du med LM?
Avatar billede mikoalngelo Nybegynder
05. august 2002 - 11:54 #4
L M
Y E
T D
T
E
R
Avatar billede moejensen Nybegynder
05. august 2002 - 11:56 #5
okay
Avatar billede mik789 Nybegynder
05. august 2002 - 12:04 #6
du kan gøre det lavascript. Scriptet her har jeg fået fra pelkjaer her på eksperten. Om det er ham selv der har lavet det, eller han har fået det andetsteds fra ved jeg ikke:

<script type="text/javascript">
function findObj(theObj, theDoc) {
  var p, i, foundObj;
 
  if(!theDoc) theDoc = document;

  if( (p = theObj.indexOf("?")) > 0 && parent.frames.length) {
    theDoc = parent.frames[theObj.substring(p+1)].document;
    theObj = theObj.substring(0,p);
  }
  if(!(foundObj = theDoc[theObj]) && theDoc.all) foundObj = theDoc.all[theObj];
  for (i=0; !foundObj && i < theDoc.forms.length; i++)
    foundObj = theDoc.forms[i][theObj];
  for(i=0; !foundObj && theDoc.layers && i < theDoc.layers.length; i++)
    foundObj = findObj(theObj,theDoc.layers[i].document);

  if(!foundObj && document.getElementById) foundObj = document.getElementById(theObj);
  // Den flg. linje er tilføjet mhp specielt dette site
  if(!foundObj && document.getElementById && self==top.centerspacer.page) foundObj = parent.document.getElementById(theObj);
 
  return foundObj;
}

function showHideLayers() {
  var i, visStr, obj, args = showHideLayers.arguments;
  for (i=0; i<(args.length-1); i+=2) {
    if ((obj = findObj(args[i])) != null) {
      visStr = args[i+1];
      if (obj.style) {
        obj = obj.style;
        if(visStr == 'show') visStr = 'visible';
        else if(visStr == 'hide') visStr = 'hidden';
      }
      obj.visibility = visStr;
    }
  }
}
</script>

og så¨:

<a href="nytIframeDokument.html" target="Iframe_navn" onclick="showHideLayers('lag_du_vil_vise_','show','lag_du_vil_skjule_','hide');">2.1.&nbsp;&nbsp;Reconstructing the pre-colonial history of Untouchability?</a>
Avatar billede mik789 Nybegynder
05. august 2002 - 12:06 #7
kom til at trykke på udfør:

min link tekst: 2.1.&nbsp;&nbsp;Reconstructing the pre-colonial history of Untouchability?

skal du selvfølgelig skifte ud med din egen
Avatar billede mik789 Nybegynder
05. august 2002 - 12:08 #8
// Den flg. linje er tilføjet mhp specielt dette site
  if(!foundObj && document.getElementById && self==top.centerspacer.page) foundObj = parent.document.getElementById(theObj);

--- her skal du også skifte frame-navnet "centerspacer" ud med navnet på den ramme hvori du har dit hoved dokument (altså det der indeholder tabellen og iframen)
Avatar billede Slettet bruger
05. august 2002 - 12:09 #9
Hvis du nu bare vil skifte iframens indhold og billedets src, så skriver du bare dette:

<a href="#" onClick="document.iframeNavn.location.href = 'din_side.html'; document.images['billedNavn'].src = 'dit_billede.gif'; return false;">Link</a>
Avatar billede moejensen Nybegynder
05. august 2002 - 12:39 #10
det phoenixv  skrev ser jo noget let ud, men hvordan viser jeg hvilket af billederne på siden der skal skiftes??

menuen med linket er i en anden tabel end den hvor billedet er..
Avatar billede Slettet bruger
05. august 2002 - 12:48 #11
Det er ligegyldigt, om elementerne er i forskellige tabeller, så længe der er på den samme side!

Du skal bare skifte 'billedNavn' ud med navnet på dit billede.
Avatar billede moejensen Nybegynder
05. august 2002 - 13:43 #12
okay, men skal jeg nå ikke navngive billedet i html koden et sted?

i øjeblikket står der bare:

<img src="grafik/menu.gif" width="601" height="160" border="0">
Avatar billede mik789 Nybegynder
05. august 2002 - 13:49 #13
jo med:

<img src="grafik/menu.gif" name="dit_billede.gif" width="601" height="160" border="0">
Avatar billede Slettet bruger
05. august 2002 - 13:55 #14
Nej, sådan her:

<img src="grafik/menu.gif" width="601" height="160" border="0" name="billedNavn">
Avatar billede mik789 Nybegynder
05. august 2002 - 14:07 #15
ups ja s'føli'
Avatar billede pelkjaer Nybegynder
05. august 2002 - 14:10 #16
Husk også id="billedNavn"
Avatar billede moejensen Nybegynder
05. august 2002 - 19:00 #17
Tusind tak phoenixv det virkede helt super
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