Avatar billede michael_stim Ekspert
19. juli 2005 - 15:38 Der er 46 kommentarer og
1 løsning

Åbne link i div?

Kan man lade et link pege på en div? Hvis man ikke kan, hvad gør man så?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>**SuperGros/Leverandørnet**</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" href="leverandor.css" type="text/css">
</head>

<body style="border:none; margin:0px;" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
<div class="top"><img src="billeder/top.jpg"></div>
<div class="maintop"><?php require_once('fader.php'); ?></div>
<div class="main" id="main" name="main"><?php require_once('artikler_front.php'); ?></div>
<div class="lefttop"><img src="billeder/dinprofil.gif"></div>
<div class="righttop"><img src="billeder/forsiden.gif"></div>
<div class="leftbottom"><img src="billeder/artikler.gif"></div>
<div class="rightbottom"><img src="billeder/artikler.gif"></div>
</body>
</html>

Som i kan se har jeg prøvet med både id og name. Det den skal gøre er at "maintop" består af links. Og når man klikker på dem skal de åbne i "main".

Og det skal lige siges at design ABSOLUT IKKE er min stærke side.
Avatar billede roenving Novice
19. juli 2005 - 15:41 #1
Nej !-)

-- men du kan ndsætte en iframe i diven og så pege på den !o]
Avatar billede foxmulder58 Praktikant
19. juli 2005 - 15:41 #2
Forstår jeg dig ret hvis du mener at man kan linke fra en <div> som så viser indhold i en anden <div>??    ellers er jeg ikke helt med.

Men lad os se hvad de andre siger...


mvh
Mads
Avatar billede foxmulder58 Praktikant
19. juli 2005 - 15:43 #3
Roenving >> ja iframe er vel løsningen her,  men virker <iframe> i firefox??
Avatar billede michael_stim Ekspert
19. juli 2005 - 15:44 #4
Det var det jeg ville undgå roenving ;o)
Og ja Mads det er lige precis det jeg vil.

Kan man komme uden om iframes roenving?
Avatar billede roenving Novice
19. juli 2005 - 15:44 #5
Øeh ...

-- du skal tilbage til NS4 før iframe ikke virker ...
Avatar billede michael_stim Ekspert
19. juli 2005 - 15:44 #6
Ja, der er ingen problemer med iframes i FF
Avatar billede roenving Novice
19. juli 2005 - 15:45 #7
Nej, ikke uden noget serverside, hvis ikke dine brugere skal have 'farligt indhold'-advarsler, og så kun i visse (godt nok de største !-) browsere ...
Avatar billede foxmulder58 Praktikant
19. juli 2005 - 15:46 #8
jo du kan gøre som jeg gør på

www.netausupport.frac.dk

mvh
Mads
Avatar billede michael_stim Ekspert
19. juli 2005 - 15:46 #9
Kan man bruge layer? I så fald har du et link til noget dokumentation.
Avatar billede roenving Novice
19. juli 2005 - 15:48 #10
En div er tag en layer skal have i html ...
Avatar billede foxmulder58 Praktikant
19. juli 2005 - 15:50 #11
hvorfor gør du det så besværligt for dig selv!

Det er da meget simpelt at lave tre <div> som udgør selve designet du kan kalde den "skabelon.php" når du laver en ny side går du bare ud fra den og putter indhold en når du har gjort dette giver du den et nyt navn eksempelvis "nyheder.php"  og linker til den......forstår du?



mvh
mads
Avatar billede roenving Novice
19. juli 2005 - 15:50 #12
... er det tag ...
Avatar billede michael_stim Ekspert
19. juli 2005 - 15:54 #13
Er ikke med?
Avatar billede foxmulder58 Praktikant
19. juli 2005 - 15:56 #14
Er du ikke med på det hvad jeg skriver Michael eller?


mvh
Mads
Avatar billede foxmulder58 Praktikant
19. juli 2005 - 15:57 #15
Michael prøv at smide et link til din side så vil jeg se om jeg kan forklare det ud fra dette!


mvh
Mads
Avatar billede michael_stim Ekspert
19. juli 2005 - 16:00 #16
Nej, skal bruge den design jeg har nu. Har en topbar, to left, to main(content) hvoraf den ene altid er der (med links der "ruller") og to right.
Avatar billede michael_stim Ekspert
19. juli 2005 - 16:00 #17
har ingen chance for at lægge den op, som det ser ud nu.
Avatar billede foxmulder58 Praktikant
19. juli 2005 - 16:06 #18
ja også gør du det at du laver en skabelon side med de div tags som du bruger der og hver gang du skal lave en ny side anvender du den skabelon og kalder filen for den havd den nu skal hedder og linker til den side.


med andre ord synes jeg det lyder bøvlet at anvende <iframe> og alle mulige andre tricks for at linke mellem disse når du bare kan linke til en helt ny side hver gang med samme placering af <div> tags som du ønsker.


jeg ved ikke om det er forklaring nok?


mvh
Mads
Avatar billede michael_stim Ekspert
19. juli 2005 - 16:08 #19
Avatar billede foxmulder58 Praktikant
19. juli 2005 - 16:12 #20
hej michael de div tags du har skal de gå igen på alle side i dit design!?


mvh
mads
Avatar billede roenving Novice
19. juli 2005 - 16:17 #21
>>fox

-- jeg synes det lyder bøvlet, at man skal oprette en helt ny side, hvis det kun er en detalje, som skal ændres ...

-- men der kan være masser af grunde til at gøre det dynamisk serverside, men oprette en ny side for hvert eneste tilfælde ?-)

-- hvis man har 1000 poster i en database, og der kommer 5-20 til hver dag ...
Avatar billede foxmulder58 Praktikant
19. juli 2005 - 16:22 #22
Bøvlet nej overhovedet ikke i dette tilfælde,

hvorfor ikke lave en skabelon af det design man ønsker at anvende (dvs. placering af div tags på alle side), lav det dog som en skabelon som du så åbner, retter i med indhold, og derefter gemmer som en ny side.....det er da ikke mange ben i.



Mere bøvlet bliver det da med <iframe> som åbenbart kokser helt i mange browsere som Opera og Firefox.....hvorfor anvende disse små tryllekunstner når det ikke holder.



jeg har selv anvendt opskriften på at ahve en skabelon med det design jeg ønsker på min egen hjemmeside.


Men det er nu bare negang hvad jeg mener!


mvh
mads
Avatar billede michael_stim Ekspert
19. juli 2005 - 16:23 #23
Jep, det er "hoveddesignet". Adder man så mere i databasetabellen, kommer det så bare i htmltabellen. Kan ske der kommer et link som skal åbne i et nyt vindue, men det er irrelevant.
Avatar billede michael_stim Ekspert
19. juli 2005 - 16:25 #24
Jeg kan ligesom ikke selv bestemme hvordan det skal se ud, eller hvilke funktioner der skal være. Det er en færdig HP som skal laves dynamisk.
Avatar billede foxmulder58 Praktikant
19. juli 2005 - 16:27 #25
nej hov....Roenving har ret det er bøvlet med min metode i dit tilfælde!

Kan man ikke anvende PHP på en eller anden måde her??


mvh
Mads
Avatar billede michael_stim Ekspert
19. juli 2005 - 16:30 #26
Jeg har lavet det med tabeller og iframes, men ville gerne have at når der kom meget ind i main, så blev den bare længere istedet for at der kommer en scrollbar.
Avatar billede foxmulder58 Praktikant
19. juli 2005 - 16:33 #27
Sådan sætter du attrubutterne for iframe så:

<IFRAME
    SRC="minSide.html"
    WIDTH=250 HEIGHT=150
    SCROLLING=NO
    >
mvh
mads
Avatar billede foxmulder58 Praktikant
19. juli 2005 - 16:34 #28
husk at gøre dem en størrelse der passer på siden så!


mvh
Mads
Avatar billede michael_stim Ekspert
19. juli 2005 - 16:37 #29
Men så får jeg jo ikke alt tekst med ;o) Main er jo dynamisk. Se her:
http://ms.signf.dk/hp2.jpg
Avatar billede foxmulder58 Praktikant
19. juli 2005 - 17:15 #30
Jeg er ikke helt med længere desværre!

mvh
Mads
Avatar billede michael_stim Ekspert
19. juli 2005 - 19:03 #31
OK, som sagt så havde jeg lavet det med tabeller og iframe, og det er det du ser på billedet.

I midten, under presseklip, er der en rubrik der hedder artikler, og den er der fordi jeg har trykket på linket "artikler" til höjre. Men der er også en scrollbar, fordi teksten er lang, og det er den jeg håber på at kunne få fjernet. Hvordan den bliver fjernet, er helt underordnet.

Jeg ved bare ikke om det kan lade sig göre, at lave tabel og iframe dynamisk i störrelsen, eller om der er en anden lösning.
Avatar billede roenving Novice
19. juli 2005 - 19:06 #32
Du kan indsætte et lille script, som onload på iframen ændrer på dens højde:

<script language="javascript" type="text/javascript">
window.onload = function(){
  var t=document.body.scrollHeight;
  if(parent!=window)parent.document.getElementById('IFRAMEID').style.height=t+22+'px';//Ændr evt. de 22 !-)
}
</script>
Avatar billede michael_stim Ekspert
19. juli 2005 - 19:14 #33
Vidste du havde et script roenving ;o) Men hvad gör man med tabellen?
Avatar billede roenving Novice
19. juli 2005 - 19:17 #34
Tabelceller er skabt til at vise det indhold man kommer ind i dem, så den burde uden problemer udvide sig !-)

-- husk iøvrigt at sætte et id på iframen og synkroniser det med scriptet inde i dokumentet i iframen (her: 'IFRAMEID' !-)
Avatar billede michael_stim Ekspert
19. juli 2005 - 19:28 #35
Jepski, takker endnu en gang for kompetent svar. Kan först teste imorgen, men du kan jo lägge et svar så länge.

//Michael
Avatar billede roenving Novice
19. juli 2005 - 19:29 #36
Oki '-)
Avatar billede michael_stim Ekspert
20. juli 2005 - 08:57 #37
Det virker, tak.
Avatar billede roenving Novice
20. juli 2005 - 10:34 #38
-- og jeg takker for point ;~}
Avatar billede michael_stim Ekspert
02. august 2005 - 13:31 #39
Hej roenving, hvorfor er det kun nogle gange det virker? Klikker jeg fra en anden iframe, skal jeg klikke 2 gange før den forsvinder. Og når jeg klikker på visse links (på samme side), bliver tabellen ikke mindre igen, men på visse gør den.

Du får lige koden:

<?php
/*session_start();
if ($_SESSION['login'] != 1)
{
Header('Location: ***');
}*/
require_once("admin/db.php");
require_once ("poll/includes/miniPoll.class.php");
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>**SuperGros/Leverandørnet**</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="leverandor.css" type="text/css">
<script language="javascript" type="text/javascript">
//Funktion der gør at en iframe ændre størrelse efter indhold
window.onload = function(){
  var t=document.body.scrollHeight;
  if(parent!=window)parent.document.getElementById('main').style.height=t+22+'px';//Ændr evt. de 22 !-)
}
</script>
</head>

<body bgcolor="#fbfbfb">

<table width="750" cellspacing="0" border="0" cellpadding="0" align="center" bgcolor="#fbfbfb">
    <tr>
        <td colspan="3"><img src="billeder/top.jpg"></td>
    </tr>
    <tr>
        <td colspan="3">&nbsp;</td>
    </tr>
    <tr>
        <td valign="top" bgcolor="#e6e5e5">
            <table width="129" align="left" border="0" cellpadding="0" cellspacing="0" bgcolor="#e6e5e5">
                <tr>
                    <td valign="top">
                        <table width="129" align="left" border="0" cellpadding="0" cellspacing="0" bgcolor="#e6e5e5">
                            <tr>
                                <td valign="top"><img src="billeder/dinprofil.gif"></td>
                            </tr>
                            <tr>
                                <td valign="top"><a href="din_profil.php" target="main">Din profil--></a></td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td valign="top">
                        <table width="129" align="left" border="0" cellpadding="0" cellspacing="0" bgcolor="#e6e5e5">
                            <tr>
                                <td valign="top"><img src="billeder/order_forecast.gif"></td>
                            </tr>
                            <tr>
                                <td valign="top"><a href="orderforecast/index.php" target="_blank">Gå til forecasten--></a></td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td valign="top">
                        <table width="129" align="left" border="0" cellpadding="0" cellspacing="0" bgcolor="#e6e5e5">
                            <tr>
                                <td valign="top"><img src="billeder/barometer2.gif"></td>
                            </tr>
                        </table>
                    <td>
                </tr>
                <tr>
                    <td valign="top">
                        <?php
                        $test = new miniPoll;
                        if (isset($_GET['poll']) && is_numeric($_GET['pollid'])) {
                            $pollid = $_GET['pollid'];

                            if (isset($_GET['voteid']) && is_numeric($_GET['voteid'])) {
                                $voteid = $_GET['voteid'];
                                $test->processPoll($pollid, $voteid);
                            }

                        }
                        if (isset($_GET['pollid'])) {
                            $pollid = $_GET['pollid'];
                            $test->pollResults($pollid);
                        }
                        else{
                            $test->pollForm();
                        }


                        @mysql_close($connection);
                        ?>
                    </td>
                </tr>
                <tr>
                    <td><a href="alle_poll.php?pollid=<?php echo $test->getActivePollid(); ?>" target="main">Se tidligere--></a></td>
                </tr>
                <?php
                $query="SELECT * FROM contents WHERE placering = 'l' ORDER BY id DESC" or die(mysql_error());
                $result=mysql_query($query,$link) or die(mysql_error());
                if(mysql_num_rows($result)>0){
                while($row=mysql_fetch_array($result)){
                        $id=$row['id'];
                        $tekst=$row['tekst'];
                        $links=$row['link'];
                        $placering=$row['placering'];
                        $overskrift=$row['overskrift'];
                        $dato=$row['dato'];
                        $billedenavn=$row['billedenavn'];
                        $imagebillede=$row['imagebillede'];

                ?>
                <tr>
                    <td valign="top">
                        <table width="129" align="left" border="0" cellpadding="0" cellspacing="0" bgcolor="#e6e5e5">
                            <tr>
                                <td valign="top"><img src="admin/billeder/overskrifter/<?php echo $imagebillede; ?>"></td>
                            </tr>
                            <tr>
                                <td valign="top"><a href="content_main.php?id=<?php echo $id; ?>" target="main"><?php echo $links; ?></a></td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <?php
                    }
                }
                ?>
            </table>
        </td>
        <td valign="top">
            <table width="490" align="center" border="0" cellpadding="0" cellspacing="0">

                <tr>
                    <td valign="top"><iframe src="fader.php" width="490" height="75" scrolling="NO" frameborder="0" marginheight="0" bgcolor="#fbfbfb"></iframe><br><a href="alle_presseklip.php" target="main">Se tidligere presseklip--></a><br></td>
                </tr>
                    <td valign="top"><iframe src="artikler_front.php" name="main" id="main" width="475" scrolling="auto" frameborder="0" marginheight="0" bgcolor="#fbfbfb"></iframe></td>
                </tr>
            </table>
        </td>
        <td valign="top" bgcolor="#e6e5e5">
            <table width="129" align="left" border="0" cellpadding="0" cellspacing="0" bgcolor="#e6e5e5">
                <tr>
                    <td valign="top">
                        <table width="129" align="left" border="0" cellpadding="0" cellspacing="0" bgcolor="#e6e5e5">
                            <tr>
                                <td valign="top"><img src="billeder/forsiden.gif"></td>
                            </tr>
                            <tr>
                                <td valign="top"><a href="***">Til forsiden -></a></td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td valign="top">
                        <table width="129" align="left" border="0" cellpadding="0" cellspacing="0" bgcolor="#e6e5e5">
                            <tr>
                                <td valign="top"><img src="billeder/artikler.gif"></td>
                            </tr>
                            <?php
                            $query="SELECT overskrift, id FROM artikler ORDER BY id DESC LIMIT 5" or die(mysql_error());
                            $result=mysql_query($query,$link) or die(mysql_error());
                            while($row=mysql_fetch_array($result)){
                                $overskrift=$row['overskrift'];
                                $id=$row['id'];
                            ?>
                            <tr>
                                <td valign="top"><a href="artikler_main.php?id=<?php echo $id; ?>" target="main"><?php echo $overskrift; ?>--></a></td>
                            </tr>
                            <?php
                            }
                            ?>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td valign="top">
                        <table width="129" align="left" border="0" cellpadding="0" cellspacing="0" bgcolor="#e6e5e5">
                            <tr>
                                <td valign="top">
                                    <table width="129" align="left" border="0" cellpadding="0" cellspacing="0" bgcolor="#e6e5e5">
                                        <tr>
                                            <td valign="top"><img src="billeder/artikler.gif"></td>
                                        </tr>
                                        <tr>
                                            <td valign="top"><a href="index.php" target="main">Diverse</a></td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td valign="top">
                                    <table width="129" align="left" border="0" cellpadding="0" cellspacing="0" bgcolor="#e6e5e5">
                                        <tr>
                                            <td valign="top"><img src="billeder/brochure.gif"></td>
                                        </tr>
                                        <?php
                                        $query="SELECT * FROM dokument ORDER BY id DESC LIMIT 5" or die(mysql_error());
                                        $result=mysql_query($query,$link) or die(mysql_error());
                                        while($row=mysql_fetch_array($result)){
                                        $navn=$row['navn'];
                                        $filnavn=$row['filnavn'];
                                        $id=$row['id'];
                                        ?>
                                        <tr>
                                            <td valign="top"><a href="<?php echo "admin/upload/docs/". $filnavn; ?>"><?php echo $navn; ?></a>&nbsp;<?php if(substr($filnavn, -3, 3)=='xls'){
                                                                                                                    ?><img src="billeder/pdf.gif" border="0"><?php } if(substr($filnavn, -3, 3)=='doc'){
                                                                                                                    ?><img src="billeder/word.gif" border="0"><?php } ?></td>
                                        </tr>
                                        <?php
                                        }

                                        ?>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td valign="top">
                                    <table width="129" align="left" border="0" cellpadding="0" cellspacing="0" bgcolor="#e6e5e5">
                                        <tr>
                                            <td valign="top"><img src="billeder/organisation.gif"></td>
                                        </tr>
                                        <tr>
                                            <td valign="top"><a href="index.php" target="main">Diverse</a></td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            <?php
                            $query="SELECT * FROM contents WHERE placering = 'h' ORDER BY id" or die(mysql_error());
                            $result=mysql_query($query,$link) or die(mysql_error());
                            if(mysql_num_rows($result)>0){
                            while($row=mysql_fetch_array($result)){
                                    $id=$row['id'];
                                    $tekst=$row['tekst'];
                                    $links=$row['link'];
                                    $placering=$row['placering'];
                                    $overskrift=$row['overskrift'];
                                    $dato=$row['dato'];
                                    $billedenavn=$row['billedenavn'];
                                    $imagebillede=$row['imagebillede'];

                            ?>
                            <tr>
                                <td valign="top">
                                    <table width="129" align="left" border="0" cellpadding="0" cellspacing="0" bgcolor="#e6e5e5">
                                        <tr>
                                            <td valign="top"><img src="admin/billeder/overskrifter/<?php echo $imagebillede; ?>"></td>
                                        </tr>
                                        <tr>
                                            <td valign="top"><a href="content_main.php?id=<?php echo $id; ?>" target="main"><?php echo $links; ?></a></td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            <?php
                                }
                            }
                            ?>
                        </table>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td colspan="3" valign="top"><img src="billeder/bund.gif"></td>
    </tr>
</table>
</body>
</html>
Avatar billede roenving Novice
02. august 2005 - 13:42 #40
Nu har jeg jo ikke meget at bruge en php-kode til, men kan du ikke lave et eksempel på outputtet (og helst linke til det !-)
Avatar billede michael_stim Ekspert
02. august 2005 - 13:51 #41
http://ms.signf.dk/lev_net/index.php

Prøv at trykke på "se alle presseklip", så forsvinder scrollen ikke. Og tryk derefter på "her står der et link" i højre side. Så bliver tabellen ikke mindre.
Avatar billede michael_stim Ekspert
03. august 2005 - 11:19 #42
Kan det have noget at gøre med at man går fra iframe til iframe?
Avatar billede roenving Novice
03. august 2005 - 11:33 #43
Hvilken browser tester du i ?-)
Avatar billede michael_stim Ekspert
03. august 2005 - 11:35 #44
FF
Avatar billede michael_stim Ekspert
03. august 2005 - 11:37 #45
OK, kan godt se at det fungerer i IE, men trykker man 2 gange i FF, så fungerer det også der.
Avatar billede roenving Novice
03. august 2005 - 11:41 #46
Den kan jeg ikke umiddelbart gennemskue ...

-- og den er faktisk værre i Opera ,-(
Avatar billede michael_stim Ekspert
03. august 2005 - 11:47 #47
:(
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