Avatar billede crazy_legs Nybegynder
08. januar 2003 - 20:08 Der er 7 kommentarer og
1 løsning

Hvordan bliver en del af scriptet et link...?

Nu har jeg fundet dette scipt på www.dhtmlcentral.com , men når teksten kommer frem, vil jeg gerne have det til at virke som et link, altså så jeg kan trykke på det, og blive sendt videre til en anden side, som bliver i fullscreen...


<html>

<head><style type="text/css">
#divWrite  {position:absolute; top:170px; left:0px; width:100%; visibility:hidden;}
#divWrite2 {position:absolute; top:250px; left:200px; width:300px; visibility:hidden}
</style>


<script language="JavaScript" type="text/javascript">
/********************************************************************************** 
WriteText
*  Copyright (C) 2001 Thomas Brattli
*  This script was released at DHTMLCentral.com
*  Visit for more great scripts!
*  This may be used and changed freely as long as this msg is intact!
*  We will also appreciate any links you could give us.
*
*  Made by Thomas Brattli
*
*  Script date: 09/04/2001 (keep this date to check versions)
*********************************************************************************/
function lib_bwcheck(){ //Browsercheck (needed)
    this.ver=navigator.appVersion
    this.agent=navigator.userAgent
    this.dom=document.getElementById?1:0
    this.opera5=(navigator.userAgent.indexOf("Opera")>-1 && document.getElementById)?1:0
    this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;
    this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
    this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
    this.ie=this.ie4||this.ie5||this.ie6
    this.mac=this.agent.indexOf("Mac")>-1
    this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
    this.ns4=(document.layers && !this.dom)?1:0;
    this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
    return this
}
var bw=lib_bwcheck()
//Here are the variables you have to set:                                                               

//There are 2 ways this script can work.
// 0 = WriteText
// 1 = RemoveText
wWorks = 0

var wText = "www.Kaffebrygning.tk" //The text you want write out
var wFontsize = 60          //Set the fontsize you want
var wColor = "#0099FF"      //The text color
var wAlign = "center"        //the alignment of the text, you can choose center, right or left.
var wSpeed = 150            //Set the speed you want it to write in (in milliseconds between each letter)
var wFont = 'arial black,arial,helvetica,sans-serif' //The font face
var wHide = false            //do you want it to hide when its done? (true or false)
var wHidewait = 1000        //Set the time you want it to wait before it hides
       
/*You can remove this if you don't wan't it to start right away.
You can have it start if someone clicks a link (make a link like this:
<a href="#" onclick="writeInit()">Click to writetext</a>)*/
    onload = writeInit;

/********* You shouldn't really have to set anything below this point ***********/
//Object functions
function makeWriteObj(obj,text,size,color,align,speed,font,hide,hidewait,works){
      this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?document.layers[obj]:0;   
      this.writeref=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?document.layers[obj].document:0;   
    this.text=text; this.size=size; this.color=color; this.align=align; this.speed=speed;
    this.font=font; this.hide=hide; this.hidewait=hidewait; this.writeWrite=b_writeWrite;
    this.writeText=b_writeText; this.removeText=b_removeText; this.works=works; this.write=b_write
    if(bw.dom || bw.ie4){ //Setting the style properties
        this.css.fontFamily=this.font; this.css.fontSize=this.size+"px"; this.css.color=this.color;
        this.css.textAlign=this.align
    }
    this.obj = obj + "Object";     eval(this.obj + "=this"); return this
}
function b_write(num,fn){
    if(!fn) fn=""
    if(!this.works) this.writeText(num,fn)
    else this.removeText(fn)
}
function b_writeWrite(text){
    if(bw.ns4){
        this.writeref.write('<p style="text-align:'+this.align+'; font-size:' +this.size+'px; font-family:'+this.font+'; color:'+this.color+'">'+text+'</p>')
        this.writeref.close()
    }else this.writeref.innerHTML = text
}
function b_writeText(num,fn){
    if (num<=this.text.length){
        wtext = this.text.substr(0,num)
        this.writeWrite(wtext)
        num ++
        setTimeout(this.obj+".writeText("+num+",'"+fn+"')",this.speed)
    }else{
        if(this.hide) setTimeout(this.obj+".css.visibility='hidden'",this.hidewait);
        eval(fn)
    }
}
function b_removeText(fn){
    if (this.text.length>0){
        this.text = this.text.slice(0,this.text.length-1)
        this.writeWrite(this.text)
        setTimeout(this.obj+".removeText('"+fn+"')",this.speed)
    }else{
        if(this.hide) setTimeout(this.obj+".css.visibility='hidden'",this.hidewait);
        eval(fn)
    }
}
/*Initiates the object, shows it and starts the zoom
****************************************************************************/
function writeInit(){
    if(bw.bw){
        oWrite = new makeWriteObj('divWrite',wText,wFontsize,wColor,wAlign,wSpeed,wFont,wHide,wHidewait,wWorks)
        //Change the line below to: oWrite.write(0) if you only have one object.
        oWrite.write(0,'oWrite2.css.visibility="visible";oWrite2.write(0)')
        oWrite.css.visibility = "visible"

        //Another object, just remove this line if you only want one object. It's just to show you how can have more objects.
        oWrite2 = new makeWriteObj('divWrite2',"En side om kærlighed, romantik, tro og loyalitet...              (nej vel?)            Tryk på overskriften for at forsætte...",20,"red","center",100,"Verdana,Arial",5,2500,0)
    }
}

</script>
        <title>Ny side 1</title>
</head>

<body>
<div id="divWrite">asdasd</div>
<div id="divWrite2" style="width: 405; height: 128">Th</div>
       
<p align="center">&nbsp;</p>
<SCRIPT language=JavaScript>
<!--
function openWin(url, width, height) {
    var win;
    var windowName;
    var params;

    windowName  = "buttons";
    params = "toolbar=0,";
    params += "location=0,";
    params += "directories=0,";
    params += "status=0,";
    params += "menubar=0,";
    params += "scrollbars=0,";
    params += "resizable=0,";
    params += "top=50,";
    params += "left=50,";
    params += "width="+width+",";
    params += "height="+height;
   
    win = window.open(url, windowName, params);
}
// -->
</SCRIPT>
      <a href="java script:openWin('ndex34.htm', 599,500)">linket</a></BODY></HTML>
Avatar billede henrik27 Nybegynder
08. januar 2003 - 20:14 #1
<html>

<head><style type="text/css">
#divWrite  {position:absolute; top:170px; left:0px; width:100%; visibility:hidden;}
#divWrite2 {position:absolute; top:250px; left:200px; width:300px; visibility:hidden}
</style>


<script language="JavaScript" type="text/javascript">
/********************************************************************************** 
WriteText
*  Copyright (C) 2001 Thomas Brattli
*  This script was released at DHTMLCentral.com
*  Visit for more great scripts!
*  This may be used and changed freely as long as this msg is intact!
*  We will also appreciate any links you could give us.
*
*  Made by Thomas Brattli
*
*  Script date: 09/04/2001 (keep this date to check versions)
*********************************************************************************/
function lib_bwcheck(){ //Browsercheck (needed)
    this.ver=navigator.appVersion
    this.agent=navigator.userAgent
    this.dom=document.getElementById?1:0
    this.opera5=(navigator.userAgent.indexOf("Opera")>-1 && document.getElementById)?1:0
    this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;
    this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0;
    this.ie4=(document.all && !this.dom && !this.opera5)?1:0;
    this.ie=this.ie4||this.ie5||this.ie6
    this.mac=this.agent.indexOf("Mac")>-1
    this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;
    this.ns4=(document.layers && !this.dom)?1:0;
    this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5)
    return this
}
var bw=lib_bwcheck()
//Here are the variables you have to set:                                                               

//There are 2 ways this script can work.
// 0 = WriteText
// 1 = RemoveText
wWorks = 0

var wText = "www.Kaffebrygning.tk" //The text you want write out
var wFontsize = 60          //Set the fontsize you want
var wColor = "#0099FF"      //The text color
var wAlign = "center"        //the alignment of the text, you can choose center, right or left.
var wSpeed = 150            //Set the speed you want it to write in (in milliseconds between each letter)
var wFont = 'arial black,arial,helvetica,sans-serif' //The font face
var wHide = false            //do you want it to hide when its done? (true or false)
var wHidewait = 1000        //Set the time you want it to wait before it hides
       
/*You can remove this if you don't wan't it to start right away.
You can have it start if someone clicks a link (make a link like this:
<a href="#" onclick="writeInit()">Click to writetext</a>)*/
    onload = writeInit;

/********* You shouldn't really have to set anything below this point ***********/
//Object functions
function makeWriteObj(obj,text,size,color,align,speed,font,hide,hidewait,works){
      this.css=bw.dom? document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?document.layers[obj]:0;   
      this.writeref=bw.dom? document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?document.layers[obj].document:0;   
    this.text=text; this.size=size; this.color=color; this.align=align; this.speed=speed;
    this.font=font; this.hide=hide; this.hidewait=hidewait; this.writeWrite=b_writeWrite;
    this.writeText=b_writeText; this.removeText=b_removeText; this.works=works; this.write=b_write
    if(bw.dom || bw.ie4){ //Setting the style properties
        this.css.fontFamily=this.font; this.css.fontSize=this.size+"px"; this.css.color=this.color;
        this.css.textAlign=this.align
    }
    this.obj = obj + "Object";    eval(this.obj + "=this"); return this
}
function b_write(num,fn){
    if(!fn) fn=""
    if(!this.works) this.writeText(num,fn)
    else this.removeText(fn)
}
function b_writeWrite(text){
    if(bw.ns4){
        this.writeref.write('<p style="text-align:'+this.align+'; font-size:' +this.size+'px; font-family:'+this.font+';

color:'+this.color+'">'+text+'</p>')
        this.writeref.close()
    }else this.writeref.innerHTML = text
}
function b_writeText(num,fn){
    if (num<=this.text.length){
        wtext = this.text.substr(0,num)
        this.writeWrite(wtext)
        num ++
        setTimeout(this.obj+".writeText("+num+",'"+fn+"')",this.speed)
    }else{
        if(this.hide) setTimeout(this.obj+".css.visibility='hidden'",this.hidewait);
        eval(fn)
    }
}
function b_removeText(fn){
    if (this.text.length>0){
        this.text = this.text.slice(0,this.text.length-1)
        this.writeWrite(this.text)
        setTimeout(this.obj+".removeText('"+fn+"')",this.speed)
    }else{
        if(this.hide) setTimeout(this.obj+".css.visibility='hidden'",this.hidewait);
        eval(fn)
    }
}
/*Initiates the object, shows it and starts the zoom
****************************************************************************/
function writeInit(){
    if(bw.bw){
        oWrite = new makeWriteObj('divWrite',wText,wFontsize,wColor,wAlign,wSpeed,wFont,wHide,wHidewait,wWorks)
        //Change the line below to: oWrite.write(0) if you only have one object.
        oWrite.write(0,'oWrite2.css.visibility="visible";oWrite2.write(0)')
        oWrite.css.visibility = "visible"

        //Another object, just remove this line if you only want one object. It's just to show you how can have more objects.
        oWrite2 = new makeWriteObj('divWrite2',"<a href='http://www.web-effekter.dk'>En side om kærlighed, romantik, tro og

loyalitet...</a>              (nej vel?)            Tryk på overskriften for at

forsætte...",20,"red","center",100,"Verdana,Arial",5,2500,0)
    }
}

</script>
        <title>Ny side 1</title>
</head>

<body>
<div id="divWrite">asdasd</div>
<div id="divWrite2" style="width: 405; height: 128">Th</div>
       
<p align="center">&nbsp;</p>
<SCRIPT language=JavaScript>
<!--
function openWin(url, width, height) {
    var win;
    var windowName;
    var params;

    windowName  = "buttons";
    params = "toolbar=0,";
    params += "location=0,";
    params += "directories=0,";
    params += "status=0,";
    params += "menubar=0,";
    params += "scrollbars=0,";
    params += "resizable=0,";
    params += "top=50,";
    params += "left=50,";
    params += "width="+width+",";
    params += "height="+height;
   
    win = window.open(url, windowName, params);
}
// -->
</SCRIPT>
      <a href="java script:openWin('ndex34.htm', 599,500)">linket</a></BODY></HTML>

er ikke helt sikker på det er det du mener...
Mvh. Henrik
Avatar billede crazy_legs Nybegynder
08. januar 2003 - 20:25 #2
Hvis du har set siden, vil du se teksten www.kaffebrygning.tk komme frem...

Det jeg vil er at man kan trykke på den tekst, som et almindeligt link, og derefter blive sendt til en given side...

linket SKAL se sådan ud:  <a href="java script:openWin('ndex34.htm', 599,500)">linket</a></

Det er nemlig meningen at den skal åbne den nye side i fullscreen
Avatar billede olebole Juniormester
08. januar 2003 - 21:31 #3
<ole>

Er du sikker på, linket 'SKAL' se sådan ud? Er du villig til at sluge kamelen, der gør, at siden, linket ligger på, som det eneste vil vise: '[object]', når der er trykket på linket? Det vil nemlig ske, hvis et link ser sådan ud  ;o)

/mvh
</bole>
Avatar billede crazy_legs Nybegynder
08. januar 2003 - 22:38 #4
Tjaa, jeg ved da ikke om linket "skal" se sådan ud, og det er forresten ikke i fullscreen, men bare et vindue uden scrollbarer eller noget andet... 

Men det jeg vil er, at jeg fra "forsiden" , som indeholder ovenstående koder, får åbnet "hovedsiden" , i et nyt vindue, og uden menuer, scollbarer osv.

Da jeg ikke har kendskab til java og lign, regnede jeg med at det var en udemærket måde at gøre det på, men eftersom du har ekspertisen, kan du vel finde en måde at gøre det på, ud fra det jeg lige har skrevet om kravene?


En hel anden ting; jeg troede du havde forladt eksperten olebole...? Jeg brugte laaaang tid på at læse dit "afskeds brev" og de medfølgende kommenterer, men det er da en glædelig overraskelse at du er tilbage...  ;-)
Avatar billede olebole Juniormester
08. januar 2003 - 23:23 #5
Jeg er bare 'genindsat på prøve'  :D

  <div id="divWrite" onclick="openWin('ndex34.htm', 599,500);">asdasd</div>

og i funktionen 'writeInit()' tilføjes et par linier:

  oWrite.css.visibility = "visible"
    var curs = (bw.ie)? "hand" : "pointer"; // Indsat af OleBole
    oWrite.css.cursor = curs;  // Indsat af OleBole
  //Another object, just remove this line

/mvh
Avatar billede crazy_legs Nybegynder
09. januar 2003 - 07:16 #6
Weeee! Du kan da nogle triks! Nu virker det bare, og der er en fin hånd, når musen kommer på linket!

Hvis du smider et svar, vanker der point... :-)
Avatar billede olebole Juniormester
09. januar 2003 - 18:03 #7
Og her er så mit lille svar-trick  ;o)
/mvh
Avatar billede crazy_legs Nybegynder
09. januar 2003 - 18:52 #8
Jeg takker
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