Avatar billede bb_maze Nybegynder
22. april 2004 - 21:50 Der er 18 kommentarer og
1 løsning

Iframe Scroll'er

Hejsa

Jeg søger en iframe scroll'er...

Noget i stil med denne: http://www.dynamicdrive.com/dynamicindex2/cmarquee2.htm

Den der er der er faktisk perfekt, bortset fra at man ikke kan include andre filer, men kun skrive med ganske alm. bogstaver hvad der skal stå.

Denne har det problem at teksten første gang bare popper frem, og ikke glider stille ind. Det samme gør den når den har kørt hele teksten igennem...
http://www.dynamicdrive.com/dynamicindex2/iframe-scroller.htm

Et krav er at den virker i både IE og Mozilla...

HYGGE
Avatar billede olebole Juniormester
22. april 2004 - 22:51 #1
<ole>

I stedet for at prøve at forklare, hvad du ikke skal bruge, skulle du måske prøve at forklare mere tydeligt, hvad det er, du skal bruge  :)

/mvh
</bole>
Avatar billede bb_maze Nybegynder
22. april 2004 - 22:53 #2
Hehe.. Skal prøve, men det er jo sent på aftenen ;-)

Jeg skal bruge en iframe eller lign som kører opad. Altså lidt lige som en slags "lysavis".

Her skal jeg så kunne include en fil.

Det skal bruges til nogle nyhedsoverskrifter, som skal placeres i mit forum...

Håber du forstår....

HYGGE
Avatar billede olebole Juniormester
22. april 2004 - 23:38 #3
Så tror jeg hellere, du skal gå efter et script à la det fra DynamicDrive. Det, du har fundet der, er dog temmelig 'antikveret'  :)

Man vil kunne loade dokumenter ind i en skjult iframe - og dokumentet indskrives derfra i en dynamisk scroller. Men det bliver nok et problem at finde et færdigt script, hvis du ikke kan så meget JS selv. Jeg ved ikke, hvor det skulle ligge  :o|
At lave det i en iframe vil meget let give en bunke problemer med forskellige implementeringer.
/mvh
Avatar billede steen_hansen Forsker
22. april 2004 - 23:47 #4
Kigger med :o)
Avatar billede roenving Novice
23. april 2004 - 00:04 #5
Er det sådan noget ?-)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Lodret Marquee</title>
<meta name="Generator" content="Stone's WebWriter 4">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="olebole,roenving,http://www.eksperten.dk/spm/430808">
<style type="text/css">
html,body{height:100%;}
.scroller {
    font-family: verdana, arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    overflow: hidden;
    text-align: center;
    color:red;
}
</style>
<script type="text/JavaScript">
var marqNum,marqDelay,marqScrllAmnt,marq,marqCont,d=document;
function gE(id){return (d.all)?d.all[id]:d.getElementById(id)}
function pI(str){return parseInt(str)}

marqNum = 0;
var marqTxt = ["Hos Fiktiv Auto A/S f\345r du store fordele som erhvervsbilist!","<iframe src='http://dr.dk' height='300' width='400'></iframe>"];
marqDelay = 1;
marqScrllAmnt = 1;

function scrollMarq() {
    if (pI(marq.style.top)+marq.offsetHeight < 0) {
        marq.style.top = document.body.offsetHeight + "px";
        marqNum = (marqNum+1)%marqTxt.length;
        marq.innerHTML = marqTxt[marqNum];
    }
    marq.style.top = pI(marq.style.top) - marqScrllAmnt + "px";
}
function startMarq() {
    gE("myMarquee").innerHTML = '<div class="scroller"></div>';
    marqCont = (d.all)? gE("myMarquee").children[0] : gE("myMarquee").childNodes[0];;
    marqCont.style.width = document.body.offsetWidth;
    marqCont.innerHTML = '<span style="position:relative;"></span>';
    marq = (d.all)? marqCont.children[0] : marqCont.childNodes[0];
    marq.innerHTML = marqTxt[marqNum];
    marq.style.top = document.body.offsetHeight + "px";
    marqCont.style.height = document.body.offsetHeight + "px";
    setInterval("scrollMarq()", marqDelay);
}
window.onload = startMarq;
</script>
</head>
<body>

<!-- MARQUEE START -->
<div id="myMarquee" style="position:relative"></div>
<!-- MARQUEE END -->

</body>
</html>
Avatar billede bb_maze Nybegynder
23. april 2004 - 10:27 #6
roenving: Det ser umiddelbart ud til det jeg søger... Men er nødt til at eksperimentere lidt med det og det har jeg ikke mulighed for her hvor jeg er nu...

Men tak

Vender tilbage senere..

HYGGE
Avatar billede bb_maze Nybegynder
23. april 2004 - 16:15 #7
Er det muligt at få en hvor der er noget mouse_over på? Så når man har musen over så stopper den med at køre?

HYGGE
Avatar billede roenving Novice
23. april 2004 - 16:42 #8
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Lodret Marquee</title>
<meta name="Generator" content="Stone's WebWriter 4">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="olebole,roenving,http://www.eksperten.dk/spm/430808">
<style type="text/css">
html,body{height:100%;}
.scroller {
    font-family: verdana, arial, sans-serif;
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    overflow: hidden;
    text-align: center;
    color:red;
}
</style>
<script type="text/JavaScript">
var marqNum,marqDelay,marqScrllAmnt,marq,marqCont,d=document;
function gE(id){return (d.all)?d.all[id]:d.getElementById(id)}
function pI(str){return parseInt(str)}

marqNum = 0,marqTimer=0;
var marqTxt = ["Hos Fiktiv Auto A/S f\345r du store fordele som erhvervsbilist!","<iframe src='http://dr.dk' height='300' width='400'></iframe>"];
marqDelay = 1;
marqScrllAmnt = 1;

function scrollMarq() {
    if (pI(marq.style.top)+marq.offsetHeight < 0) {
        marq.style.top = document.body.offsetHeight + "px";
        marqNum = (marqNum+1)%marqTxt.length;
        marq.innerHTML = marqTxt[marqNum];
    }
    marq.style.top = pI(marq.style.top) - marqScrllAmnt + "px";
}
function startMarq() {
    gE("myMarquee").innerHTML = '<div class="scroller"></div>';
    marqCont = (d.all)? gE("myMarquee").children[0] : gE("myMarquee").childNodes[0];;
    marqCont.style.width = document.body.offsetWidth;
    marqCont.innerHTML = '<span style="position:relative;"></span>';
    marq = (d.all)? marqCont.children[0] : marqCont.childNodes[0];
    marq.innerHTML = marqTxt[marqNum];
    marq.style.top = document.body.offsetHeight + "px";
    marqCont.style.height = document.body.offsetHeight + "px";
    marqTimer = setInterval("scrollMarq()", marqDelay);
}
window.onload = startMarq;
</script>
</head>
<body>

<!-- MARQUEE START -->
<div id="myMarquee" style="position:relative" onmouseover="clearInterval(marqTimer);" onmouseout="marqTimer = setInterval('scrollMarq()', marqDelay);"></div>
<!-- MARQUEE END -->

</body>
</html>
Avatar billede bb_maze Nybegynder
23. april 2004 - 16:48 #9
Præcis! Det var lige sådan en der, takker.. Smidder du et svar?

HYGGE
Avatar billede roenving Novice
23. april 2004 - 17:07 #10
Velbekomme '-)
Avatar billede bb_maze Nybegynder
23. april 2004 - 17:08 #11
Takker!

HYGGE
Avatar billede bb_maze Nybegynder
23. april 2004 - 17:27 #12
Kan det passe at man ikke kan bruge include?
Fx:
<?php
include("fil.php");
?>

HYGGE
Avatar billede roenving Novice
23. april 2004 - 17:41 #13
-- og jeg takker for point ;~}

-- hvis du kan få den ind i tekst-arrayet, skulle der ikke være noget i vejen:

var marqTxt = [
"<?php
include("fil.php");
?>"
];

-- men der må så ikke være linjeskift i !-)
Avatar billede bb_maze Nybegynder
23. april 2004 - 17:46 #14
Hvis jeg skal have fat i en fil som ligger i mappen over denne fil, skal der så ikke bare skrives:
var marqTxt = ["<?php include("../fil.php"); ?>"];

HYGGE
Avatar billede roenving Novice
23. april 2004 - 17:57 #15
Du må godt skrive kaldet over flere linjer, men der må _ikke_ være eet eneste linjeskift i outputtet fra din php-fil !-)

-- og ellers er det rigtigt, men skal det være en hel html-fil skal du lave det med iframe-løsningen, som ligger i den oprindelige !o]
Avatar billede bb_maze Nybegynder
23. april 2004 - 17:59 #16
Arh, ok... Hmm... Det må jeg indrømme at jeg har...

Jeg har adskillige overskrifter som er delt med linieskift, i filen som bliver includet...

Har du andre forslag?

Tak for at du gider hjælpe!

HYGGE
Avatar billede roenving Novice
23. april 2004 - 18:03 #17
Hvad med at bruge iframen ?-)

var marqTxt = ["<iframe src='../fil.php' height='300' width='400'></iframe>"];
Avatar billede bb_maze Nybegynder
23. april 2004 - 20:09 #18
Nu har jeg bare det problem at jeg ikke kan få CSS'en til at virke på indholdet i iframen...

HYGGE
Avatar billede roenving Novice
23. april 2004 - 20:12 #19
Så skal du også i include-filen henvise til stylesheetet, for der kan ikke arves style på tværs af forskellige window-objekter !-)
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

Seneste spørgsmål Seneste aktivitet
I dag 10:21 Ny printer, men hvilken Af mort1 i Printere
I går 19:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
10/0821:30 Blokeret på Snapchat? Af LineP i Chat & Messaging