Avatar billede rdc Nybegynder
01. januar 2003 - 20:47 Der er 27 kommentarer og
1 løsning

Hvordan bliver teksten sat i midten på skærmen?

Hej allesammen,


Hvordan kan jeg får nedenstående script til at stå i midten på skærmen?

Scriptet er:

<script language="JavaScript1.2">
<!--

//Secify scroller contents
var line=new Array()
line[1]="Velkommen Til Byenspizza.com"
line[2]="Vi gør alt for at tilfredsstille din appetit"
line[3]="Adresse : Vestergade 9.b, 3200 Helsinge (Ved Gadekæret)"
line[4]="Telefon : 48 79 38 86"
line[5]="Email : info@byenspizza.com"

//Specify font size for scoller
var ts_fontsize="14px"

//--Don't edit below this line

var longestmessage=1
for (i=2;i<line.length;i++){
if (line[i].length>line[longestmessage].length)
longestmessage=i
}

//Auto set scroller width
var tscroller_width=line[longestmessage].length

lines=line.length-1 //--Number of lines

//if IE 4+ or NS6
if (document.all||document.getElementById){
document.write('<form name="bannerform">')
document.write('<input type="text" name="banner" size="'+tscroller_width+'"')
document.write('  style="background-color: '+document.bgColor+'; color: '+document.body.text+'; font-family: verdana; font-size: '+ts_fontsize+'; font-weight:bold; border: medium none" onfocus="blur()">')
document.write('</form>')
}

temp=""
nextchar=-1;
nextline=1;
cursor="//"
function animate(){
if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){
nextline++;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",1000)}
else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){
nextline=1;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",1000)}
else{
nextstep()}}

function nextstep(){

if (cursor=="\\"){
cursor="|"}
else if (cursor=="|"){
cursor="/"}
else if (cursor=="/"){
cursor="-"}
else if (cursor=="-"){
cursor="\\"}


nextchar++;
temp+=line[nextline].charAt(nextchar);
document.bannerform.banner.value=temp+cursor
setTimeout("animate()",75)}

//if IE 4+ or NS6
if (document.all||document.getElementById)
window.onload=animate
// -->
</script>
Avatar billede dr0zie Nybegynder
01. januar 2003 - 20:49 #1
<p align="center">
Avatar billede dr0zie Nybegynder
01. januar 2003 - 20:49 #2
Svar: :D
<p align="center">
foran scriptet
Avatar billede rdc Nybegynder
01. januar 2003 - 20:50 #3
Nej det har jeg prøvet. Du mener: <p align="center"><script language="JavaScript1.2">
<!--

//Secify scroller contents
var line=new Array()
line[1]="Velkommen Til Byenspizza.com"
line[2]="Vi gør alt for at tilfredsstille din appetit"
line[3]="Adresse : Vestergade 9.b, 3200 Helsinge (Ved Gadekæret)"
line[4]="Telefon : 48 79 38 86"
line[5]="Email : info@byenspizza.com"

//Specify font size for scoller
var ts_fontsize="14px"

//--Don't edit below this line

var longestmessage=1
for (i=2;i<line.length;i++){
if (line[i].length>line[longestmessage].length)
longestmessage=i
}

//Auto set scroller width
var tscroller_width=line[longestmessage].length

lines=line.length-1 //--Number of lines

//if IE 4+ or NS6
if (document.all||document.getElementById){
document.write('<form name="bannerform">')
document.write('<input type="text" name="banner" size="'+tscroller_width+'"')
document.write('  style="background-color: '+document.bgColor+'; color: '+document.body.text+'; font-family: verdana; font-size: '+ts_fontsize+'; font-weight:bold; border: medium none" onfocus="blur()">')
document.write('</form>')
}

temp=""
nextchar=-1;
nextline=1;
cursor="//"
function animate(){
if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){
nextline++;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",1000)}
else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){
nextline=1;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",1000)}
else{
nextstep()}}

function nextstep(){

if (cursor=="\\"){
cursor="|"}
else if (cursor=="|"){
cursor="/"}
else if (cursor=="/"){
cursor="-"}
else if (cursor=="-"){
cursor="\\"}


nextchar++;
temp+=line[nextline].charAt(nextchar);
document.bannerform.banner.value=temp+cursor
setTimeout("animate()",75)}

//if IE 4+ or NS6
if (document.all||document.getElementById)
window.onload=animate
// -->
</script> </p>


Ik?
Avatar billede rdc Nybegynder
01. januar 2003 - 20:50 #4
det virker ikke.
Avatar billede funkyloonie Nybegynder
01. januar 2003 - 20:51 #5
ved brug af tagget <center> kan du centrere tekst i html
Avatar billede dr0zie Nybegynder
01. januar 2003 - 20:52 #6
DET VIRKER HOS MIG
Avatar billede ztyxx Nybegynder
01. januar 2003 - 20:52 #7
smid det i et div

<div align="center">
<script language="JavaScript1.2">
<!--

//Secify scroller contents
var line=new Array()
line[1]="Velkommen Til Byenspizza.com"
line[2]="Vi gør alt for at tilfredsstille din appetit"
line[3]="Adresse : Vestergade 9.b, 3200 Helsinge (Ved Gadekæret)"
line[4]="Telefon : 48 79 38 86"
line[5]="Email : info@byenspizza.com"

//Specify font size for scoller
var ts_fontsize="14px"

//--Don't edit below this line

var longestmessage=1
for (i=2;i<line.length;i++){
if (line[i].length>line[longestmessage].length)
longestmessage=i
}

//Auto set scroller width
var tscroller_width=line[longestmessage].length

lines=line.length-1 //--Number of lines

//if IE 4+ or NS6
if (document.all||document.getElementById){
document.write('<form name="bannerform">')
document.write('<input type="text" name="banner" size="'+tscroller_width+'"')
document.write('  style="background-color: '+document.bgColor+'; color: '+document.body.text+'; font-family: verdana; font-size: '+ts_fontsize+'; font-weight:bold; border: medium none" onfocus="blur()">')
document.write('</form>')
}

temp=""
nextchar=-1;
nextline=1;
cursor="//"
function animate(){
if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){
nextline++;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",1000)}
else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){
nextline=1;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",1000)}
else{
nextstep()}}

function nextstep(){

if (cursor=="\\"){
cursor="|"}
else if (cursor=="|"){
cursor="/"}
else if (cursor=="/"){
cursor="-"}
else if (cursor=="-"){
cursor="\\"}


nextchar++;
temp+=line[nextline].charAt(nextchar);
document.bannerform.banner.value=temp+cursor
setTimeout("animate()",75)}

//if IE 4+ or NS6
if (document.all||document.getElementById)
window.onload=animate
// -->
</script>
</div>

så virker det
Avatar billede rdc Nybegynder
01. januar 2003 - 20:52 #8
Bemærk alt teksten skal vises midt på skærmen. Når jeg skriver <p align="center"> foran scriptet , så ser det ud som om at kun "Adresse : Vestergade 9.b, 3200 Helsinge (Ved Gadekæret)" bliver vist i midten, men nej det gør den heller ikke.
Avatar billede Slettet bruger
01. januar 2003 - 20:55 #9
Er det noget der skal staa i toppen af en side??

For saa lav det i en frame og saet

body { text-align:center;}

Som stylesheet i den frame :)
Avatar billede rdc Nybegynder
01. januar 2003 - 20:56 #10
Nej den gør det ikke, gå ind på : http://rdc.lir.dk/script/index2.html
Avatar billede Slettet bruger
01. januar 2003 - 21:02 #11
<div style="text-align:center;">
<script language="JavaScript1.2">
<!--

//Secify scroller contents
var line=new Array()
line[1]="Velkommen Til Byenspizza.com"
line[2]="Vi gør alt for at tilfredsstille din appetit"
line[3]="Adresse : Vestergade 9.b, 3200 Helsinge (Ved Gadekæret)"
line[4]="Telefon : 48 79 38 86"
line[5]="Email : info@byenspizza.com"

//Specify font size for scoller
var ts_fontsize="14px"

//--Don't edit below this line

var longestmessage=1
for (i=2;i<line.length;i++){
if (line[i].length>line[longestmessage].length)
longestmessage=i
}

//Auto set scroller width
var tscroller_width=line[longestmessage].length

lines=line.length-1 //--Number of lines

//if IE 4+ or NS6
if (document.all||document.getElementById){
document.write('<form name="bannerform">')
document.write('<input type="text" name="banner" size="'+tscroller_width+'"')
document.write('  style="background-color: '+document.bgColor+'; color: '+document.body.text+'; font-family: verdana; font-size: '+ts_fontsize+'; font-weight:bold; border: medium none" onfocus="blur()">')
document.write('</form>')
}

temp=""
nextchar=-1;
nextline=1;
cursor="//"
function animate(){
if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){
nextline++;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",1000)}
else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){
nextline=1;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",1000)}
else{
nextstep()}}

function nextstep(){

if (cursor=="\\"){
cursor="|"}
else if (cursor=="|"){
cursor="/"}
else if (cursor=="/"){
cursor="-"}
else if (cursor=="-"){
cursor="\\"}


nextchar++;
temp+=line[nextline].charAt(nextchar);
document.bannerform.banner.value=temp+cursor
setTimeout("animate()",75)}

//if IE 4+ or NS6
if (document.all||document.getElementById)
window.onload=animate
// -->
</script>
</div>
Avatar billede rdc Nybegynder
01. januar 2003 - 21:04 #12
Nej det virker heller ikke
Avatar billede Slettet bruger
01. januar 2003 - 21:07 #13
det virker da helt fint...
Avatar billede rdc Nybegynder
01. januar 2003 - 21:09 #14
Viser den alt tekst på midten af skærmen? For det gør den ikke her. Se selv: http://rdc.lir.dk/script/index2.html
Avatar billede Slettet bruger
01. januar 2003 - 21:11 #15
øøøh jo den gør...
Avatar billede rdc Nybegynder
01. januar 2003 - 21:13 #16
Nej den gør ikke. Hvorfor viser den så ikke: "Velkommen Til Byenspizza.com" lige under billedet?
Avatar billede Slettet bruger
01. januar 2003 - 21:17 #17
jo fordi den måler efter den lægnste af teksterne hvilket er adressen... det kan ikkke blive mere centerert end det er der...

se eksempel..
www.westhi.dk/pizza.gif
Avatar billede rdc Nybegynder
01. januar 2003 - 21:18 #18
Kan man så ikke gøre at den ikke måler efter den længste tekst, men istedet efter side bredden.
Avatar billede Slettet bruger
01. januar 2003 - 21:19 #19
det aner jeg ikke....
Avatar billede janeamil Nybegynder
01. januar 2003 - 21:32 #20
<center> </center>?
Avatar billede Slettet bruger
01. januar 2003 - 21:34 #21
janeamil>> Nej, kan ikke lade sig g're...
Avatar billede olebole Juniormester
06. januar 2003 - 06:17 #22
<ole>

Ja, det kan du ikke rette uden at skrive en del JavaScript - og det fornemmer jeg, du ikke er helt stiv i  :)
Derfor - og fordi jeg ikke synes så godt om dit eget script - har jeg lige banket et nyt sammen til dig. Egentlig er det imod ånden bag E at lave færdige løsninger, men sålænge det ikke er et forlangende fra spørgeren, går det vel nok engang imellem  ;o)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>&nbsp;..:: DHTML-TICKER ::..</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="StyleSheet" href="" type="text/css">
<style type="text/css">
#loadSpan, #ticker {
    position: absolute;
    font-family: verdana, arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
}
#loadSpan {
    left: 0px;
    top: 0px;
    visibility: hidden;
}
#ticker {
    top: 50px;
    cursor: default;
}
</style>
<script type="text/JavaScript">

/******************************************************/
/****                DHTML-Ticker                  ****/
/****      (c)2003 - Ole Clausen, Copenhagen      ****/
/****  Free to use if you keep these lines intact  ****/
/******************************************************/

var line = new Array();
line[0] = "Velkommen Til Byenspizza.com";
line[1] = "Vi gør alt for at tilfredsstille din appetit";
line[2] = "Adresse : Vestergade 9.b, 3200 Helsinge (Ved Gadekæret)";
line[3] = "Telefon : 48 79 38 86";
line[4] = "E-mail : info@byenspizza.com";

var cursor = "//";
var speed = 75;
var delay = 1000;

/***************************************/
/*******    Don't edit below    *******/
/***************************************/
var ldspn, tckr, inx, d=document;
inx = 0;
function place() {
    var docW = ( document.all )? d.body.offsetWidth : window.innerWidth;
    ldspn.innerHTML = line[inx] + cursor;
    tckr.style.left = ( docW - ldspn.offsetWidth )/2;
    tckr.innerHTML = cursor;
    anim();
}
function anim() {
    var txt = tckr.innerHTML.substring( 0, tckr.innerHTML.length-cursor.length );
    tckr.innerHTML = line[inx].substring( 0, txt.length+1 ) + cursor;
    if ( txt.length<line[inx].length ) setTimeout( "anim()", speed );
    else {
        tckr.innerHTML = line[inx];
        inx = ( inx<line.length-1 )? inx+1 : 0;
        setTimeout( "place()", delay );
    }
}

window.onload = function() {
    ldspn = d.getElementById("loadSpan");
    tckr = d.getElementById("ticker");
    tckr.onselectstart = function() { return false; }
    place();
}
</script>
</head>
<body>

<span id="loadSpan">&nbsp;</span>

<div id="ticker">&nbsp;</div>

</body>
</html>

Men lad min copyright-notice blive  :)
/mvh
</bole>
Avatar billede olebole Juniormester
06. januar 2003 - 06:19 #23
Denne linie stammer fra min standard-template og bør slettes ... den gør hverken fra eller til:
  <link rel="StyleSheet" href="" type="text/css">
Avatar billede olebole Juniormester
06. januar 2003 - 06:22 #24
Du kan rette:
    font-family: verdana, arial, sans-serif;
    font-size: 14px;
    font-weight: bold;

og:

#ticker {
    top: 50px; /* denne her */

samt:
line[0] = "Velkommen Til Byenspizza.com";
line[1] = "Vi gør alt for at tilfredsstille din appetit";
line[2] = "Adresse : Vestergade 9.b, 3200 Helsinge (Ved Gadekæret)";
line[3] = "Telefon : 48 79 38 86";
line[4] = "E-mail : info@byenspizza.com";

var cursor = "//";
var speed = 75;
var delay = 1000;

det siger nok sig selv, hvad de gør ... ellers kan du se det, hvis du ændrer dem  :)
/mvh
Avatar billede olebole Juniormester
06. januar 2003 - 06:24 #25
Og på dansk hedder det i øvrigt ikke 'Email', men 'E-mail' ... og skal der 'adresse' på, kommer der en bindestreg mere: 'E-mail-adresse'  :)
Stop på OleBole-spam (med bindestreg *LooL*) ...!!!
Avatar billede rdc Nybegynder
10. januar 2003 - 14:48 #26
olebole, lav et svar, pointsene er dine. Forresten må jeg ikke fjerne copyright tingen?
Avatar billede olebole Juniormester
10. januar 2003 - 22:12 #27
Njaahhh ... jeg synes, det er meget rimeligt, hvis den bliver siddende. Det er meget almindeligt, man bruger færdige scripts i løsninger, der videresælges - så det skal du ikke være 'flov' over  :)
Her på E bruger man også færdige scripts med copyright-notice i, f.eks:
  http://www.eksperten.dk/js/coolmenus/coolmenus4.js
/mvh
Avatar billede rdc Nybegynder
11. januar 2003 - 18:48 #28
oki takker igen.
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