Avatar billede Slettet bruger
16. juni 2006 - 07:45 Der er 9 kommentarer og
1 løsning

Kan man indsætte link til et billede i dette JavaScript?

Hejsa.

Kan det lade sig gøre at tilrette dette JavaScript, så der også vises et billede, dér hvor der vises et text-felt?

Scriptet er kopieret herfra:
http://www.dynamicdrive.com/dynamicindex5/jumptop.htm

Og indeholder disse 2 filer:

=======================================================
JaveScript-linket i html-dokumentet:

<script type="text/javascript" src="js/jumptop.js">
/***********************************************
* Jump To Top Link Script- © Dynamic Drive (www.dynamicdrive.com)
* Last updated Nov 13th, 03'.
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>

=======================================================

Selve JaveScriptet, hvori jeg ønsker at indsætte link til et billede:

/***********************************************
* Jump To Top Link Script- © Dynamic Drive (www.dynamicdrive.com)
* Last updated Nov 13th, 03'.
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

//Specify the text to display
var displayed="<nobr><b>[Top]</b></nobr>"

///////////////////////////Do not edit below this line////////////

var logolink='java script:window.scrollTo(0,0)'
var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function regenerate(){
window.location.reload()
}
function regenerate2(){
if (ns4)
setTimeout("window.onresize=regenerate",400)
}

if (ie4||ns6)
document.write('<span id="logo" style="position:absolute;top:-300px;z-index:100">'+displayed+'</span>')

function createtext(){ //function for NS4
staticimage=new Layer(5)
staticimage.left=-300
staticimage.document.write('<a href="'+logolink+'">'+displayed+'</a>')
staticimage.document.close()
staticimage.visibility="show"
regenerate2()
staticitns()
}

function staticit(){ //function for IE4/ NS6
var w2=ns6? pageXOffset+w : ietruebody().scrollLeft+w
var h2=ns6? pageYOffset+h : ietruebody().scrollTop+h
crosslogo.style.left=w2+"px"
crosslogo.style.top=h2+"px"
}

function staticit2(){ //function for NS4
staticimage.left=pageXOffset+window.innerWidth-staticimage.document.width-28
staticimage.top=pageYOffset+window.innerHeight-staticimage.document.height-10
}

function inserttext(){ //function for IE4/ NS6
if (ie4)
crosslogo=document.all.logo
else if (ns6)
crosslogo=document.getElementById("logo")
crosslogo.innerHTML='<a href="'+logolink+'">'+displayed+'</a>'
w=ns6 || window.opera? window.innerWidth-crosslogo.offsetWidth-20 : ietruebody().clientWidth-crosslogo.offsetWidth-10
h=ns6 || window.opera? window.innerHeight-crosslogo.offsetHeight-15 : ietruebody().clientHeight-crosslogo.offsetHeight-10
crosslogo.style.left=w+"px"
crosslogo.style.top=h+"px"
if (ie4)
window.onscroll=staticit
else if (ns6)
startstatic=setInterval("staticit()",100)
}

if (ie4||ns6){
if (window.addEventListener)
window.addEventListener("load", inserttext, false)
else if (window.attachEvent)
window.attachEvent("onload", inserttext)
else
window.onload=inserttext
window.onresize=new Function("window.location.reload()")
}
else if (ns4)
window.onload=createtext

function staticitns(){ //function for NS4
startstatic=setInterval("staticit2()",90)
}

=======================================================

Men kan det overhovedet lade sig gøre???
Avatar billede mclemens Nybegynder
16. juni 2006 - 08:56 #1
var displayed="<nobr><b>[Top]</b></nobr>" i javaascriptet skiftes til:
var displayed='<img src="sti-til-billede-evt-http://-forest-.-filnavn" alt="">';
Avatar billede mclemens Nybegynder
16. juni 2006 - 08:58 #2
P.s.: det kan også laves med css:
http://www.eksperten.dk/spm/715175
Avatar billede Slettet bruger
17. juni 2006 - 10:53 #3
mclemens:
Det ser jo fint ud, alt sammen! Lige til at plukke (læs: låne) og genbruge! ;-)
Avatar billede mclemens Nybegynder
17. juni 2006 - 11:09 #4
Super, og tak for point :o)
Avatar billede Slettet bruger
17. juni 2006 - 18:16 #5
mclemens:
Hejsa igen. :-)
Jeg sidder lige nu og arbejder med at få dit script til at fungere.
Men jeg er løbet ind i et problem, med hvilket javascript henvises der til, i head-sektionen?
http://www.eksperten.dk/spm/715175 - @15/06-2006 09:44:43
Avatar billede mclemens Nybegynder
17. juni 2006 - 18:28 #6
Ups, slet den :D ... ingen javascript kun css til løsningen
- mit "standard kodnings" dokumentet ser sådan her ud:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">

</style>

<script type="text/javascript">

</script>

</head><body>

</body></html>


... Jeg er lidt for doven til at lave et start dokument hver gang
- og så glemmer jeg sommetider at slette en sektion ... :D

- Hvis du har problemer stadig så post lidt kilde så kigger jeg lige på det ... den eneste "ulempe" er selvfølgelig at alt indholdet skal placeres i den "nye" kunstige body sektion... det bør dog opveje javascript behovet i de fleste tilfælde ... men det afhænger selvfølgelig af ens behov...
Avatar billede mclemens Nybegynder
17. juni 2006 - 18:37 #7
Her er det eksempel du viser til med hop til top... - med en lille
usynlig id holder til topplaceringen lagt i toppen af den nye body...

- har lige rettet id="body" til id="bodyen" ... men det hele kan jo omdøbes bare man huske at gøre det begge steder ... dog er det nok ikke smart at jeg kom til at kalde den id="body" da det kan give drillerier hvis man javascripter på siden... (det samme gælder selvfølgelig også id="top" )



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

<style type="text/css">
html,body{
padding:0px;
margin:0px;
height:100%;
overflow:hidden;
}

#bodyen{
position:relative;
width:100%;
height:100%;
overflow:auto;
}

#followit{
position:absolute;
bottom:50px;right:70px;
z-index:999;
}


#toppos{height:0px;overflow:hidden;}
</style>

</head><body>
<div id="bodyen">
<div id="toppos">&nbsp;</div>
Dette er din nye body...<br>
Dette er din nye body...<br>
Dette er din nye body...<br>
Dette er din nye body...<br>
Dette er din nye body...<br>
Dette er din nye body...<br>
Dette er din nye body...<br>
Dette er din nye body...<br>
Dette er din nye body...<br>
Dette er din nye body...<br>
Dette er din nye body...<br>
Dette er din nye body...<br>
Dette er din nye body...<br>
Dette er din nye body...<br>
Dette er din nye body...<br>
Dette er din nye body...<br>
Dette er din nye body...<br>
Dette er din nye body...<br>
Dette er din nye body...<br>
Dette er din nye body...<br>
Dette er din nye body...<br>
Dette er din nye body...<br>
Dette er din nye body...<br>
Dette er din nye body...<br>
Dette er din nye body...<br>
Dette er din nye body...<br>
Dette er din nye body...<br>
Dette er din nye body...<br>
Dette er din nye body...<br>
Dette er din nye body...<br>

</div>


<div id="followit"><a href="#toppos"><img src="ditbillede-width-og-height-defineringer-behoves-selvfølgelig-ikke.jpg" width="200" height="100" alt="alt tekst... eventuelt"></a></div>

</body></html>
Avatar billede mclemens Nybegynder
17. juni 2006 - 18:39 #8
Kopierede også lige bodyen's indre tekst så scrolleren dukker frem :)
Avatar billede Slettet bruger
17. juni 2006 - 18:57 #9
Hold op, hvor det spiller! Ingen vibrerende JavaScript text/pics i bunden!
Og ren CSS med <divs> og en enkelt <a href> involveret! Flot!

Igen: Tak! :-)
Avatar billede mclemens Nybegynder
17. juni 2006 - 19:19 #10
Velbekom, den krævede også
lidt spekulation ... :o)
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