Avatar billede darkstylerdk Nybegynder
01. juni 2004 - 11:17 Der er 40 kommentarer og
2 løsninger

Opdatere iframe-str. efter hver opdatering.

http://www.eksperten.dk/spm/495337

Her har jeg fået at vide hvordan man opdaterer en iframe efter den side den loader.
Jeg skal nu vide hvordan jeg kan få den til at opdatere størrelsen hver gang der hentes en ny side i iframen.

Bemærk at linket i det andet spm ikke viker pga. frac.dk MEN jeg har den her:

http://radikals.1go.dk/nyheder.htm
Avatar billede darkstylerdk Nybegynder
01. juni 2004 - 11:40 #1
det KUNNE være hr. roenving der kunne hjælpe. Har på fornemmelsen han kan... Men i andre må slevfølgelig osse gerne hjælpe ;-)
Avatar billede darkstylerdk Nybegynder
01. juni 2004 - 12:30 #2
hvis den er for svær kan jeg godt sætte flere points til... Skal jeg???
Avatar billede darkstylerdk Nybegynder
01. juni 2004 - 14:56 #3
Og hvordan fjerner jeg scrool'en i bredden???


I MÅ da kunne hjælpe.
Avatar billede skovenborg Nybegynder
01. juni 2004 - 15:36 #4
kan du ikke bare udvide roenvings script lidt:
<script type="text/javascript">
function resizeIframe(){
var minH = 230;//den mindste højde iframen skal have
var minW = 300; // den mindste bredde iframen skal have
var actH = (window.innerHeight)?window.innerHeight:document.body.scrollHeight;
var actW = (window.innerWidth) ? window.innerWidth:document.body.scrollWidth;
ifrm = parent.document.getElementById('IFRAMEID').style;
ifrm.height = Math.max(minH,actH) + 'px';
ifrm.width = Math.max(minW,actW) + 'px';
}
</script>

Har dog ikke lige testet det
Avatar billede darkstylerdk Nybegynder
01. juni 2004 - 15:46 #5
Avatar billede darkstylerdk Nybegynder
01. juni 2004 - 15:47 #6
var actW = (window.innerWidth) ? window.innerWidth:document.body.scrollWidth;
der er fejlen - hvad skal ændres?
Avatar billede skovenborg Nybegynder
01. juni 2004 - 15:55 #7
hov, du skal lige ændre ID'en til iframen så der står:
ifrm = parent.document.getElementById('iframen').style;

prøv at se om det ikke hjælper
Avatar billede darkstylerdk Nybegynder
01. juni 2004 - 15:57 #8
Prøver lige at opremse mit problem:
1. Iframe skal opdatere sin længde (det gør den kun ved loadsiden) hver gang en ny side hentes i den. Så snart en anden side end loadsiden åbnes skal størrelsen opdateres.
2. Bredden skal ikke ordnes på samme måde som højden da iframen IKKE må blive bredere. Det der skal ændres er siderne i iframen.
Avatar billede mireigi Novice
01. juni 2004 - 16:01 #9
Kan du ikke bare undlade at angive en max højde på iframen???

/MiReiGi
Avatar billede darkstylerdk Nybegynder
01. juni 2004 - 16:06 #10
prøver det mireigi
Avatar billede darkstylerdk Nybegynder
01. juni 2004 - 16:10 #11
mireigi: Problemet er at når jeg åbner det første læserbrev (EU-dabatmøde) laver den scrool i iframen. I den nuværende nyhedstest.htm er der inge højde.
Avatar billede darkstylerdk Nybegynder
01. juni 2004 - 16:15 #12
Stylesheet(til det INDE i iframen):

body {
    margin: auto;
    margin-top: 10x;
    width: 100%;
    background-color: #B2C3D5;

}
body,td,input,textarea,select {
    background-color: #B2C3D5;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    border: none;
}
form {
    display: inline;
}
table {
    border-collapse: collapse;
}
#list table {
    width: 100%;
}
#list th {
    width: 100%;
    text-align: left;
    text-decoration: none;
    font-family:arial;
    font-size:20px;
    color: #333333;
    font-weight: bolder;
}
#list td {
    vertical-align: top;
    padding: 5px;
}
.image {
    border-top-width: 1px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #B2C3D5;
    border-right-color: #B2C3D5;
    border-bottom-color: #B2C3D5;
    border-left-color: #B2C3D5;
    background-color: #B2C3D5;
    margin-right: 2px;
    float: right;
}
.frmobj {
    float: left;
    font-weight: bold;
    padding-top: 3px;
    width: 90px;
}
.frmtext {
    padding-left: 93px;
}
a {
    text-decoration: underline;
    color: #000000;
    background: transparent;
}
a:hover {
    text-decoration: underline;
}
h1 {
    width: 100%;
    text-align: left;
    text-decoration: none;
    font-family:arial;
    font-size:20px;
    color: #000000;
    font-weight: bolder;
}
h2 {
    width: 100%;
    text-align: left;
    text-decoration: none;
    font-family:arial;
    font-size:12px;
    color: #000000;
    font-weight: bolder;
}
a.author {
    text-decoration: none;
    color: #CCC;
    float: right;
}
a.author:hover {
    text-decoration: none;
}

.hr {
    font-size: 0;
    height: 0;
    margin: 7px 0 7px 0;
    clear: both;
}
ul {
    list-style-type: square;
}
Avatar billede skovenborg Nybegynder
01. juni 2004 - 16:18 #13
ok, syntes bare du sagde scrollbaren i bredden skulle væk. Hvad er egentlig problemmet med at smide roenvings script ind på de sider der skal være indeni iframen. Det løser jo højde problemmet.
Avatar billede mireigi Novice
01. juni 2004 - 16:20 #14
Hmm... Er ikke helt sikker på at jeg forstår dig korrekt, men prøv med dette:

<-- Iframen -->

<iframe src="default2.htm">

<-- -->

<-- default2.htm -->

<frameset borders="0" noresize cols="100%">
<frame src="default3.htm" noresize scroll="auto">
</frameset>

<-- -->

<-- default3.htm -->

Her er din tekst så...

<-- -->

/MiReiGi
Avatar billede darkstylerdk Nybegynder
01. juni 2004 - 16:22 #15
kan du prøve at omformulere det???
Avatar billede darkstylerdk Nybegynder
01. juni 2004 - 16:27 #16
Så vil jeg omformulere mit...


På siden skal der være nyheder. For at få alt til at passe laver jeg det i en Iframe... Men der må ikke være scrool i iFramen pga. det yderligere design. Det ville ødelægge det hele. Defor skal det være en "fleksibel/elastisk" iFrame. Men KUN i højden. Bredden skal have faste/låste rammer.
Det skal ikke kun være i frame scr at den skal være elastisk. Derfor skal hele siden opdatere hver gang der opdateres i iframen.
Avatar billede darkstylerdk Nybegynder
01. juni 2004 - 16:28 #17
Det med bredden er 2. priotet
Avatar billede darkstylerdk Nybegynder
01. juni 2004 - 16:38 #18
mireigi: Vil du omformulere dig?
Avatar billede mireigi Novice
01. juni 2004 - 17:34 #19
prøv med dette:

<iframe src="din_fil.htm" srcolling="auto" width="din_ønskede_bredde" heigth="*">

/MiReiGi
Avatar billede skovenborg Nybegynder
01. juni 2004 - 17:36 #20
darkstylerdk >> Hvorfor smider du ikke roenvings script ind på alle de andre sider også - så de også bliver fleksible?
Avatar billede darkstylerdk Nybegynder
01. juni 2004 - 18:45 #21
skovenborg: Da det er en iFrame der kører asp kan det ikke lade sig gøre. Og det er kun nyhederne der skal bruge iFrame i.
Avatar billede darkstylerdk Nybegynder
01. juni 2004 - 18:49 #22
mireigi: Så ser det således ud: http://radikals.1go.dk/nyhedstest.htm
Det ser fint ud på forsiden, men under EU-debatindlæget går den galt igen...
Avatar billede mireigi Novice
01. juni 2004 - 18:55 #23
Prøv lige at slette alle dine midlertidige filer samt alt offline indhold, for det virker nok for mig...

/MiReiGi
Avatar billede darkstylerdk Nybegynder
01. juni 2004 - 19:01 #24
Har prøvet - og der var meget!!! Men det virker stadig ikke... Kan jeg få et screenshot EU-debatmøde???
Avatar billede darkstylerdk Nybegynder
01. juni 2004 - 19:04 #25
http://radikals.1go.dk/news/eksperten.JPG
Sådan ser det ud ved mig :(
Avatar billede mireigi Novice
01. juni 2004 - 19:05 #26
Ja... Ok... Det virker heller ikke hos mig... Brugte vist det forkert link...

Kan jeg ikke lige få din iframe kode + link kode at se?

/MiReiGi
Avatar billede darkstylerdk Nybegynder
01. juni 2004 - 19:05 #27
Avatar billede darkstylerdk Nybegynder
01. juni 2004 - 19:07 #28
Jo du kan... Koden til nyhedstest se sådan ud:

<html >
<head>
<title>Det Radikale Venstre i Svendborg</title>
<LINK HREF="stylesheet.css" TYPE="text/css" REL="stylesheet">
<META NAME="Title" CONTENT="Det Radikale Venstre i Svendborg">
<META NAME="Description" CONTENT="Det Radikale Venstre i Svendborgs hjemmeside. ">
<META NAME="Keywords" CONTENT="radikal, radikale, radikale venstre, svendborg, svendborg radikale, radikale svendborg, svendborg radikale venstre, svendborg">
<META NAME="Robots" CONTENT="ALL">
<META NAME="Revisit-after" CONTENT="15">
<META NAME="Author" CONTENT="Klitgaard, Kristian">
<LINK REV=made href="mailto:kristian@kklitgaard.dk">
<META HTTP-EQUIV="Reply-to" CONTENT="kristian@kklitgaard.dk">
<META NAME="Copyright" CONTENT="Kristian Klitgaard, 2004. All rights reserved.">
<META HTTP-EQUIV="Content-language" CONTENT="dan">
<META NAME="Rating" CONTENT="General">
<META NAME="Generator" CONTENT="Microsoft FrontPage 5.0">
<META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript">

<META NAME="DC.Title" CONTENT="Det Radikale Venstre i Svendborg">
<META NAME="DC.Description" CONTENT="Det Radikale Venstre i Svendborgs hjemmeside. ">
<META NAME="DC.Subject" CONTENT="radikal, radikale, radikale venstre, svendborg, svendborg radikale, radikale svendborg, svendborg radikale venstre, svendborg">
<META NAME="DC.Creator" CONTENT="Klitgaard, Kristian">
<META NAME="DC.Rights" CONTENT="Kristian Klitgaard, 2004. All rights reserved.">
<META NAME="DC.Publisher" CONTENT="Svendborg Radikale Venstre">
<META NAME="DC.Language" scheme="NISOZ39.50" CONTENT="dan">
<META NAME="DC.Format" SCHEME="MIME" CONTENT="text/html">


<script>

var ns4class=''
</script>




<script type="text/JavaScript">
var pics = new Array( "toppen/lystbad/left.jpg", "toppen/lystbad/center.jpg", "toppen/lystbad/right.jpg" );

for ( i=0; i<pics.length; i++ ) {
  var im = new Image();
  im.src = pics[i];
}
</script>





<script type="text/javascript">
function resizeIframe(){
var minH = 230;//den mindste højde iframen skal have
var actH = (window.innerHeight)?window.innerHeight:document.body.scrollHeight;
parent.document.getElementById('iframen').style.height = Math.max(minH,actH) + 'px';
}
</script>


</head>

<body link="#000000" vlink="#000000" alink="#000000" onload="resizeIframe()"><!-- Start på ZIP Stat kode --><script language="JavaScript" type="text/javascript">
<!--
far="Andre"; jav="Ved ikke"; skh="Andre"; jav=navigator.javaEnabled();
ref=""+escape(top.document.referrer); nav=navigator.appName;
if (navigator.appName == "Netscape" && (navigator.appVersion.charAt(0) == "2" || navigator.appVersion.charAt(0) == "3")) {skriv=false;} else {skriv=true;}
if (skriv==true) { skh=screen.width + "x" + screen.height;
if (nav != "Netscape"){far=screen.colorDepth;} else {far=screen.pixelDepth;}
puri="brugernavn=klitgaard&amp;version=150&amp;ssto="+skh+"&amp;referer="+ref+"&amp;colors="+far+"&amp;java="+jav+"&amp;js=true&amp;billed=trans";
document.write("<img height=\"1\" width=\"1\" border=\"0\" src=\"http://www.zipstat.dk/cgi-bin/zipstat/zipstat.cgi2?"+puri+"\" alt=\"\" align=left>"); }
//-->
</script><noscript><img height="1" width="1" border="0" src="http://www.zipstat.dk/cgi-bin/zipstat/zipstat.cgi2?brugernavn=klitgaard&amp;js=false&amp;billed=trans" alt="" align=left></noscript><!-- Slut på ZIP Stat kode --><center>
<br>
  <table width="0" border="0" height="0" cellpadding="0" cellspacing="5">
    <!--DWLayoutTable-->
    <tr>
      <td width="243" height="0" valign="top">
      <a href="/index.htm">
      <img border="0" src="toppen/naturama/left.jpg" width="243" height="243"></a></td>
      <td width="243" valign="top">
      <a href="/index.htm">
      <img border="0" src="toppen/naturama/center.jpg" width="243" height="243"></a></td>
      <td width="243" valign="top">
      <a href="/index.htm">
      <img border="0" src="toppen/naturama/right.jpg" width="243" height="243"></a></td>
    </tr>
    <tr>
   
   
   
   
            <td height="106" valign="top">
      <script type="text/JavaScript" src="menu.js"></script>
    <div class="copyright">Design og kode © Kristian Klitgaard</div></td>





      <td colspan="2" valign="top">

<iframe name="I2" iframe id="iframen" style="border:1px double #B2C3D5; FILTER: alpha(opacity=90); COLOR: #B2C3D5; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #B2C3D5; FONT-VARIANT: normal" frameborder=0 src="news/index.php" target="_self" srcolling="auto" width="100%" height="*">
</iframe>



</td>
    </tr>
    <tr>
      <td height="0" colspan="3" valign="top" class=footer> indhold &copy; 2004
      Svendborg Radikale Venstre -Alle rettigheder forbeholdes</td>
    </tr>
  </table>
</center>
</body>
</html>





------------------




Og koden til det I framen:


<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>

<body>

<h1>Seneste nyheder</h1>
<?php
include('inc.config.php');
$query = mysql_query("SELECT id,title,image,synopsis FROM news ORDER BY id DESC LIMIT 5") or die(mysql_error());
while ($row = mysql_fetch_assoc($query)) {
  print '<p>';
  print empty($row['image']) ? '' : '<img border=0 align="right" src="files/'.$row['image'] . '" class="image">';
  print '<span lang="da"><b>' . $row['title'] . '</b></span><br>';
  print $row['synopsis'];
  print '<br><a href="news.display.php?id='.$row['id'].'">Læs mere</a></p>';
  print '<p>&nbsp;</p>';
}
?>
<div class="hr"></div>
<a href="news.search.php">Søg efter nyhed</a>

</body>
</html>
Avatar billede mireigi Novice
01. juni 2004 - 19:07 #29
Heller ikke...

/MiReiGi
Avatar billede darkstylerdk Nybegynder
01. juni 2004 - 19:09 #30
Avatar billede darkstylerdk Nybegynder
01. juni 2004 - 19:09 #31
PIS!!!
Ved ikke hvad der sker :(
Men der er scrool i iFramen på det billede jeg ville have dig t a se...
Avatar billede darkstylerdk Nybegynder
01. juni 2004 - 19:11 #32
Hop på MSN så sender jeg det dér...
Avatar billede darkstylerdk Nybegynder
01. juni 2004 - 19:30 #33
Eller bliv her på E!
Avatar billede skovenborg Nybegynder
01. juni 2004 - 20:23 #34
undskyld jeg hæfter mig ved roenvings script som efter hvad jeg kan forstå virkede i dit andet spørgsmål. Lige nu gør den jo ingen rigtig forskel i din hoveddokument, da den er sat forkert, men hvis du rykkede din ind i din nyhedsfil i iframen, så her:
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<script type="text/javascript">
function resizeIframe(){
var minH = 230;//den mindste højde iframen skal have
var actH = (window.innerHeight)?window.innerHeight:document.body.scrollHeight;
parent.document.getElementById('iframen').style.height = Math.max(minH,actH) + 'px';
}
</script>
</head>

<body onload="resizeIframe()">

<h1>Seneste nyheder</h1>
<?php
include('inc.config.php');
$query = mysql_query("SELECT id,title,image,synopsis FROM news ORDER BY id DESC LIMIT 5") or die(mysql_error());
while ($row = mysql_fetch_assoc($query)) {
  print '<p>';
  print empty($row['image']) ? '' : '<img border=0 align="right" src="files/'.$row['image'] . " class="image">';
  print '<span lang="da"><b>' . $row['title'] . '</b></span><br>';
  print $row['synopsis'];
  print '<br><a href="news.display.php?id='.$row['id'].'">Læs mere</a></p>';
  print '<p>&nbsp;</p>';
}
?>
<div class="hr"></div>
<a href="news.search.php">Søg efter nyhed</a>

</body>
</html>

Jeg kan ikke love det hjælper, men det må næsten være sådan scriptet er tiltænkt
Avatar billede darkstylerdk Nybegynder
01. juni 2004 - 20:25 #35
ok. prøver:)
Avatar billede darkstylerdk Nybegynder
01. juni 2004 - 20:28 #36
Avatar billede skovenborg Nybegynder
01. juni 2004 - 20:32 #37
der er da vist også noget rivende galt med din html - hvis jeg kigger på sourcen for din iframe står der bare <html><body></body></html>

I iframen har du også et par fejl du nok hellere må rette:
<iframe name="I2" id="iframen" style="border:1px double #B2C3D5; FILTER: alpha(opacity=90); COLOR: #B2C3D5; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #B2C3D5; FONT-VARIANT: normal" frameborder=0 src="news/index.php" target="_self" scrolling="auto" width="100%" height="*">
</iframe>

Du havde midt i det hele skrevet iframe og stavet scrolling forkert.
Avatar billede darkstylerdk Nybegynder
01. juni 2004 - 20:36 #38
jeg finder nok ikke ud af det nogensinde. Så i får points :(
Avatar billede darkstylerdk Nybegynder
01. juni 2004 - 20:37 #39
vil i lægge svar??? Dropper det med iFramen :(((
Avatar billede darkstylerdk Nybegynder
01. juni 2004 - 20:46 #40
vil prøve noget include-værk
Avatar billede skovenborg Nybegynder
01. juni 2004 - 21:30 #41
igrunde behøver du jo heller ikke iframen - du kan jo bare ligge php-scriptet ind i en celle for sig selv (der hvor iframen skulle være). Men det finder du nok ud af - ærgelig det ikke ville virke.
Avatar billede mireigi Novice
02. juni 2004 - 01:15 #42
Hvis jeg engang finder en løsning, så poster jeg den herinde...

/MiReiGi
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