Søg
Avatar billede grumfidum Nybegynder
19. april 2004 - 04:05 Der er 63 kommentarer og
4 løsninger

Skal have links ind i scrollboks

Jeg har indtil videre lagt siden ud her:

http://www.micsplace.frac.dk/?side=test

Det der er meningen er, at når man klikker på et link, skal teksten som linket indeholder vises i højre side i den scroll boks, der kan ses. Indtil videre har jeg forsøgt mig med Ecstacy linket, men det virker ikke helt efter hensigten..

Senere hen vil jeg have brug for at spørge om man kan ændre i designet på scroll-boksen, samt hvordan man laver en default tekst, som boksen viser.. Jeg har bygget siden op udelukkende med HTML og CSS...

Tak på forhånd :D

Michael
Avatar billede sbot Praktikant
19. april 2004 - 13:23 #1
hvis du laver det som et iframe skal du huske at give iframeet et navn og når du så laver et link skal linket have iframe navnet som target se www.bottiger.dk
Avatar billede grumfidum Nybegynder
19. april 2004 - 13:46 #2
Jeg bruger ikke iframe.. jeg ved slet ikke hvad det er.. :D er ik så erfaren i webdesign endnu.. jeg har brugt

switch($_GET["side"])
{
case test:
include("test.php");
break;
}

jeg mener det er den der styrer det... men er som sagt ude på dybt vand.. hvis man klikker på Ecstacy linket, kan man jo se at der kommer noget ind i scrollboksen, men der står bare ikke noget.. :S sært..
Avatar billede sbot Praktikant
19. april 2004 - 13:53 #3
hvad program arbejder du med???

Prøv at kopiere min kode så kan du se hvordan det hænger sammen der et meget nemt at arbejde med og også temeligt enkelt www.bottiger.dk
Avatar billede grumfidum Nybegynder
19. april 2004 - 13:55 #4
Jeg bruger normalt php expert editor..

Index.php
<html>
<head>
<title>Tør du ta' chancen?</title>
<link rel="stylesheet" type="text/css" href="style_main.css">
</head>
<body bgcolor="#000000">
<div class="a"><a href="?side=test">Ecstacy</a></div>
<div class="b"><a href="ecstacy.htm">Kokain</a></div>
<div class="c"><a href="ecstacy.htm">Snifning</a></div>
<div class="d"><a href="ecstacy.htm">Poppers</a></div>
<div class="e"><a href="ecstacy.htm">Fantasy</a></div>
<div class="f"><a href="ecstacy.htm">Amfetamin</a></div>
<div class="g"><a href="ecstacy.htm">Speed</a></div>
<div class="h"><a href="ecstacy.htm">LSD</a></div>
<div class="i"><a href="ecstacy.htm">Hash</a></div>
<div class="j"><a href="ecstacy.htm">Galleri</a></div>
<div class="k"><a href="ecstacy.htm">Kontakt</a></div>
<div class="l"><a href="ecstacy.htm">Gode råd</a></div>
<div id="indhold" style="overflow-y: scroll; height: 200px; width: 300px;">
<?php
switch($_GET["side"])
{
case test:
include("test.php");
break;
}
?>
</div>
<div class="toplogo"></div>
</body>
</html>

Css-dokument
div.toplogo
    {height: 580px; width: 939px; background-image: url("../Pille.gif");}

div.a     {position: absolute; font-size: 20; color: white; left: 350px; top: 150px; z-index: 2;}

div.indhold      {position: absolute; font-size: 20; color: Black; left: 510px; top: 110px; z-index: 3;}

#indhold
    {position: absolute; color: Black; left: 510px; top: 110px; z-index: 3;}

a     {color: gray; font-weight:bold;}

Hvordan kopiere mener du?
Avatar billede sbot Praktikant
19. april 2004 - 14:09 #5
højreklik på siden sig vis kode og kopier den ind på en ny side
Avatar billede grumfidum Nybegynder
19. april 2004 - 14:10 #6
Sidder jeg og roder med nu :), men kan jeg placere den dér i frame i css som men den scrollboks jeg har nu, hvordan gøres dette, og hvordan fjerner jeg vandret-scroll?
Avatar billede sbot Praktikant
19. april 2004 - 14:12 #7
altså en html side
Avatar billede grumfidum Nybegynder
19. april 2004 - 14:13 #8
Ja, hehe, okay har selv fået placeret iframen som den skal være nu.. skal bare have fjernet vandret-scroll og gøre den baggrund transparent hvis det er muligt...
Avatar billede sbot Praktikant
19. april 2004 - 14:18 #9
du loader en anden side ind i dit iframe så baggrunden kan ikke blive transparant men du kan give den side du loader ind den grå farve så kan man ikke se det er en anden side det er det jeg gør på min side. Scroll baren fjerner du ved ikke at have noget på den side du loader ind der er støre end breden på din iframe ellers kan du vælge scroll fra
Avatar billede sbot Praktikant
19. april 2004 - 14:20 #10
scrolling = auto|yes|no
Avatar billede grumfidum Nybegynder
19. april 2004 - 14:20 #11
men hvis man vælger scroll fra, er det så ikke både vandret og lodret? hvordan skrives det? Det der er vanskeligt er at min baggrund er en sådan lidt varierende farve jo... besværligt.. :D Men kunne s'følig ændre lidt på pillens farver lige der.. :D
Avatar billede sbot Praktikant
19. april 2004 - 14:22 #12
ja man må gå lidt på kompromi med sit design sådan er det.
Fandt lige en side hvor der står en del om at anvede iframes http://www.cs.tut.fi/~jkorpela/html/iframe.html
Avatar billede grumfidum Nybegynder
19. april 2004 - 14:23 #13
Bortset fra det, så tusind mange tak for hjælpen indtil nu.. er i gang med eksamen projekt og det haster. :D Laver denne side i samspil med SSP, Hvidovre Kommune.. Information til unge om stoffer.. Pointene er i hvert fald dine når det her er slut..
Avatar billede grumfidum Nybegynder
19. april 2004 - 14:30 #14
men mon ik man kan sige scrolling-y="on" scrolling-x="off" eller noget? Er du forresten inde i css?
Avatar billede sbot Praktikant
19. april 2004 - 14:30 #15
tak for det - Hvis du har problemer med at få det startet op kan jeg godt startet det for dig der tager mig ikke lang tid
Avatar billede sbot Praktikant
19. april 2004 - 14:31 #16
jeg kan også godt lave css
Avatar billede grumfidum Nybegynder
19. april 2004 - 14:31 #17
Hvad mener du med starte det op?
Avatar billede grumfidum Nybegynder
19. april 2004 - 14:34 #18
Det er fordi, du kan godt se det dér logo jeg har lave oppe i venstre hjørne ik.. det har jeg lavet om til en bevægende gif fil, der drejer rund.. nu har jeg så lavet en

I html:

<div class="toplogo"></div>

<div class="logo"></div>

I css:

div.toplogo
    {
    height: 580px;
    width: 939px;
    background-image: url("../Pille.gif");
    }

div.logo
    {
    position: absolute;
    left: 50px;
    top: 50px;
        background-image: url("../logo.gif");
    z-index: 3;
    }

Men den viser ikke logoet.. 2 sek.. opdaterer lige hjemmesiden..
Avatar billede grumfidum Nybegynder
19. april 2004 - 14:37 #19
Sådan. så kan du se hvad jeg mener..
Avatar billede sbot Praktikant
19. april 2004 - 14:38 #20
kan ikke se noget der drejer
Avatar billede grumfidum Nybegynder
19. april 2004 - 14:40 #21
Nope.. netop.. det virker ikke.. :D
Hvordan får jeg sat en "default" side ind i iframen..

Forresten, hvis det er din side www.bottiger.dk ... tillykke med datteren.. :)
Avatar billede sbot Praktikant
19. april 2004 - 14:44 #22
ahh ok nu ved jeg hvad du mener - <iframe name="midt" src="Docs/Start.html" frameborder="0" framespacing="0" height="426" width="482"></iframe>

src=startsiden den side vil blive loaded fra starten
Avatar billede sbot Praktikant
19. april 2004 - 14:46 #23
som jeg kan se det er det dine kilder der er linket lidt forkert prøv at tjekke det link der hiver siden ind
Avatar billede sbot Praktikant
19. april 2004 - 14:47 #24
src="Docs/Home.html måske der skal stå src="..Docs/Home.html men det kan du bedst se
Avatar billede grumfidum Nybegynder
19. april 2004 - 14:50 #25
Prøv at se på siden nu.. ecstacy linket burde virke.. har ik sat de andre til endnu.. ved du derudover hvordan pokker det logo kommer frem i venstre hjørne og snurrer rundt?
Avatar billede grumfidum Nybegynder
19. april 2004 - 15:06 #26
Jeg mangler altså nu kun 2 ting..

1: Hvordan får jeg mit logo til at dreje rundt som det skal og generelt at få det vist på siden, da min kode tilsyneladende ikke virker

2: Kan man ændre i scrollboksen's form.. evt. får gjort den mere tilpasset den ene side af pillens form..
Avatar billede sbot Praktikant
19. april 2004 - 15:07 #27
er det siden der loades ind der skal have giffen i baggrunden
Avatar billede grumfidum Nybegynder
19. april 2004 - 15:09 #28
Altså siden skal se således ud:

-------------------------------------------
Snurrende logo                            |
                                          |
                                          |
    Links            Iframe med indhold  |
                                          |
--------------------------------------------
Sådan cirka sådan ville skitsen se ud.. :)
Avatar billede sbot Praktikant
19. april 2004 - 15:12 #29
som jeg kan se længere oppe prøver du at lægge 2 billeder som baggrund det kan du ikke pillen lægger sig i baggrunden den anden smutter. kan du ikke placere dit logo ovenpå
Avatar billede grumfidum Nybegynder
19. april 2004 - 15:16 #30
hvordan ville du skrive det, hvis du bruger det jeg skrev højere oppe, som du nævner.?
Avatar billede sbot Praktikant
19. april 2004 - 15:19 #31
altså du skal have pillen i css men logoet skal bare placeres på siden
Avatar billede grumfidum Nybegynder
19. april 2004 - 15:23 #32
altså pillen er baggrund i css og logoet skal bare placeres ovenpå... ca.
left=100;
top=100;
Avatar billede grumfidum Nybegynder
19. april 2004 - 15:27 #33
Fandt ud af det.. :D se siden nu..
Avatar billede grumfidum Nybegynder
19. april 2004 - 15:28 #34
Nu er det så kun den hvide baggrund jeg skal have fjernet... :D
Avatar billede sbot Praktikant
19. april 2004 - 15:32 #35
super det virker - Den hvide baggrund fjerner du så i det program du laver gifen i
Avatar billede grumfidum Nybegynder
19. april 2004 - 15:55 #36
tjek det nu en gang.. :D

nu det sidste.. kan jeg ændre i formen på min iframe? altså tilpasse den pillens form lidt bedre..?
Avatar billede sbot Praktikant
19. april 2004 - 16:03 #37
iframet kan du ikke lave om i form det du kan er at lave baggrunds farve /billede på den side du loader ind i iframet
Avatar billede grumfidum Nybegynder
19. april 2004 - 21:50 #38
http://www.micsplace.frac.dk/

Nu begynder den at ligne noget.. :D men nu har jeg endnu et lille spørgsmål...

På siden vil jeg gerne have at når man går hen over et af linksene for stofferne, skal der vises et lille billede af stoffet nedenunder.. Alle billerne skal vises på samme sted

---------------------------------------
            link
        link            Tekst om links
    (link)valgt
link
          Billede (on mouse over)

----------------------------------------
en lille skitse over hvad jeg mener..

:D
Avatar billede sbot Praktikant
19. april 2004 - 22:01 #39
til dette skal du bruge actions kender du noget til det?
Avatar billede grumfidum Nybegynder
19. april 2004 - 22:04 #40
hmm.. altså jeg ved hvordan jeg laver onmouse over.., f.eks.

<img border="0" name="img1" src="billede1.gif" width=12 height=12>&nbsp<a href="link" onMouseOver="img1.src='billede2.gif'" onMouseOut="img1.src='billede1'">Navn</a>

Men ved ik om det er det du mener?
Avatar billede sbot Praktikant
19. april 2004 - 22:14 #41
<html>

    <head>
        <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
        <meta name="generator" content="Adobe GoLive">
        <title>Untitled Page</title>
        <style type="text/css" media="screen"><!--
#Float  { visibility: hidden; position: absolute; top: 50px; right: 50px; left: 18px; width: 177px; height: 159px }
--></style>
        <csactions>
            <csaction name="1B8C540" class="ShowHide" type="onevent" val0="Float" val1="1"></csaction>
            <csaction name="1C3A031" class="ShowHide" type="onevent" val0="Float" val1="0"></csaction>
        </csactions>
        <csscriptdict import>
            <script type="text/javascript" src="file:///C:/Documents%20and%20Settings/Simon%20B.%20Christensen/Application%20Data/Adobe/Adobe%20GoLive/Settings7/JScripts/GlobalScripts/CSScriptLib.js"></script>
        </csscriptdict>
        <csactiondict>
            <script type="text/javascript"><!--
CSAct[/*CMP*/ '1B8C540'] = new Array(CSShowHide,/*CMP*/ 'Float',1);
CSAct[/*CMP*/ '1C3A031'] = new Array(CSShowHide,/*CMP*/ 'Float',0);

// --></script>
        </csactiondict>
    </head>

    <body bgcolor="#ffffff">
        <div id="Float">
            Hej Her kan du ogs&aring; smide et billede</div>
        <a title="Link" onmouseover="CSAction(new Array(/*CMP*/'1B8C540'));return true;" onmouseout="CSAction(new Array(/*CMP*/'1C3A031'));" href="#" csout="1C3A031" csover="1B8C540">Simon</a>
    </body>

</html>
Avatar billede sbot Praktikant
19. april 2004 - 22:15 #42
prøv lige at smide den i et html doc
Avatar billede sbot Praktikant
19. april 2004 - 22:16 #43
nej sorry det vil ikke virke
Avatar billede grumfidum Nybegynder
19. april 2004 - 22:17 #44
Nope... der står simon og så siger den at der mangler den der CSact
Avatar billede sbot Praktikant
19. april 2004 - 22:21 #45
http://www.bottiger.dk/test.html lur her du skal have et js som du kan finde her --> www.bottiger.dk/CSScriptLib.js
Avatar billede grumfidum Nybegynder
19. april 2004 - 22:28 #46
Så har jeg hentet den.. hvad gør jeg så? har ændret din lange sti til bare

<script type="text/javascript" src="CSScriptLib.js"></script>

da filen ligger i min htdocs mappe... men det virker stadig ik.. CSAct beder den om..
Avatar billede sbot Praktikant
19. april 2004 - 22:37 #47
det er lidt kompliceret over på denne måde men kan du evt. se det på koden hvad der er gjort
Avatar billede grumfidum Nybegynder
19. april 2004 - 22:46 #48
Hvad er CSactions, hvad er CSAct som browseren beder om, og hvorfor har den sådan tingene sådan nogen mystiske navne..."1B8C540" f.eks..? Undskyld jeg tager så meget af din tid.. men resultatet bliver jo lækkert.. :D

Men jeg må indrømme at det ting du har skrevet i det dokument ikke siger mig ret meget.. hehe.. må være for dum eller noget..
Avatar billede sbot Praktikant
19. april 2004 - 23:07 #49
det er en ting der er intergreret i golive men det er smart hvordan det virker tja det virker bare
Avatar billede grumfidum Nybegynder
19. april 2004 - 23:28 #50
hvordan fik jeg den side du skrev til mig til at virke sammen med den fil jeg hentede?
Avatar billede sbot Praktikant
19. april 2004 - 23:30 #51
du kan se det i koden der bliver linket til den men bare læg dem i samme mappe så skulle det virke
Avatar billede grumfidum Nybegynder
20. april 2004 - 01:00 #52
men skal man så skrive så meget tekst om hver eneste link?
Avatar billede sbot Praktikant
20. april 2004 - 08:32 #53
nå du klarede den var nok smuttet i seng da du skrev sidst men kan se at det virker for dig
Avatar billede grumfidum Nybegynder
20. april 2004 - 13:28 #54
Jepper fik det til at funke.. :D ku ikke helt finde ud af alt det action halløj, men fik det løst med en onmouseover funktion..

Sidder og retter det til nu... kan man ikke lave et baggrundsbillede i den iframe jeg har lavet i stedet for den hvide baggrund den har nu? Tænkte nemlig på bare at klippe det tilsvarende stykke ud af baggrundsbilledet, og bruge det, så iframen ser ud som om den har transparent baggrund.. :D
Avatar billede sbot Praktikant
20. april 2004 - 13:37 #55
Baggrundsbilledet sakl ligge på den side du loader ind i iframet
Avatar billede grumfidum Nybegynder
20. april 2004 - 13:39 #56
okay.. mange tusind tak for din hjælp.. det er virkelig dejligt med alt den assistance... :D
Avatar billede sbot Praktikant
20. april 2004 - 13:42 #57
hehe bare spørg løs
Avatar billede sbot Praktikant
20. april 2004 - 14:01 #58
du kan også give den scroll bare en farve så den ikke er så kedelig
Avatar billede grumfidum Nybegynder
20. april 2004 - 14:07 #59
Hvordan gør jeg det?

Bortset fra det.. fandt lige ud af at få gjort min iframe transparent.. :D

<body style="background-color: transparent;">  i alle de integrerede dokumenter

allowtransparency="true"  i iframen

:D Lækkert..
Avatar billede sbot Praktikant
20. april 2004 - 14:17 #60
super det kendte jeg ikke nå men det er da godt jeg sender lige et link til et css
Avatar billede grumfidum Nybegynder
20. april 2004 - 14:19 #61
hehe
fandt ud af det...

<style type="text/css">
BODY{
  scrollbar-3d-light-color: #000000;
  scrollbar-arrow-color: #000000;
  scrollbar-base-color: #000000;
  scrollbar-dark-shadow-color: #000000;
  scrollbar-face-color: #000000;
  scrollbar-highlight-color: #000000;
  scrollbar-shadow-color: #000000;
}
</style>
Avatar billede sbot Praktikant
20. april 2004 - 14:21 #62
du kan bruge css som et externt css og bare linke til det det er nemmer når man skal ændre i det men du kan tage mit det ligger på www.bottiger,dk/style/scroll.css
Avatar billede sbot Praktikant
20. april 2004 - 14:41 #63
www.bottiger.dk/style/scroll.css ups der er den
Avatar billede sbot Praktikant
21. april 2004 - 14:40 #64
Hvis alt er ok nu gir du så ikke point ;)
Avatar billede grumfidum Nybegynder
21. april 2004 - 18:04 #65
Hehe.. troede jeg havde gjort det.. hvordan giver jeg point? kan ikke finde ud af det..
Avatar billede sbot Praktikant
21. april 2004 - 21:56 #66
det er noget med når jeg har sendt et svar kan du trykke på det og sige aksepter
Avatar billede grumfidum Nybegynder
22. april 2004 - 15:55 #67
sådan der.. du kan se resultatet.. :D

http://micsplace.frac.dk/UngeOgRusmidler/

mangler lige smårettelser, men er da blevet okay nu.. :D
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
Microsoft 365 kurser
Alle kurser indenfor Microsoft 365 – både til begyndere og øvede.
Se alle Microsoft 365 kurser

Flere spørgsmål fra Andet design kategorien

Titel Indlæg Oprettet Seneste aktivitet
En som kan designe et LegoKørekort? Af Chris i Andet design 7 30/10/202404:18 30/10/202414:10
3D foto til stl Af johnnylassen i Andet design 1 31/07/202313:32 31/07/202314:28
InDesign - Af Ajnbnb i Andet design 6 29/07/202209:29 01/08/202209:18
Kan man fremstille numre med en cirkel eller firkant om ? Af Ikke-ekspert i Andet design 6 04/04/202211:38 04/04/202222:11
Logo til kostvejleder Af Buchwald i Andet design 3 18/02/202217:41 20/02/202216:52
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 20:09 problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript
I går 18:26 Problemer med Prestashop Af BCP i E-handel
I går 18:10 Google Home Af birdbrain i Apps til iOS
I går 14:46 Microsoft vil "stjæle" mine login oplysninger Af mort1 i Windows
I går 14:35 trådløst tastatur Af ole i Andet hardware
White papers
Flere white papers »