Avatar billede rastaman Nybegynder
01. juli 2004 - 16:26 Der er 6 kommentarer og
1 løsning

Aktiver ved onclick

Kan man bruge nedenstående script, så det er skjult indtil man aktiverer det ved onclick

Og hvordan gør man ?



<!-- Begin FloatMail Code //-->

<script>
/* Floating Mail-This-Link Script C.2004 by CodeLifter.com */

// Insert the entire script just before the </body> tag.
// Set the following two position parameters
// Negative numbers are relative to right (hX) or bottom (vY)
// Positive numbers are relative to left (hX) or (vY) top
// Experiment with values to get positioning exact, and allow
// for the dimensions of the image & form in the positioning

var hX = 40;
var vY = -10;

</script>

<!-- Edit the HTML between the div tags to suit your design //-->

<div id="FloatMail" style="position: absolute;
                          background-color: background-color:transparent;;
                          width: 650px;">
                         
                         
<center>
Tekst kommer flyvende ned
</center>
</div>


<!-- End of editable HTML //-->

<script>
/* Floating Mail-This-Link Script C.2004 by CodeLifter.com */
/* Caution! Do not allow linebreaks other than where shown */
var nn=(navigator.appName.indexOf("Netscape")!=-1);
var dD=document,dH=dD.html,dB=dD.body,px=dD.layers?'':'px';
function floatMail(iX,iY,id){
var L=dD.getElementById?dD.getElementById(id):dD.all?dD.all[id]:dD.layers[id];       
this[id+'O']=L;if(dD.layers)L.style=L;L.nX=L.iX=iX;L.nY=L.iY=iY;
L.P=function(x,y){this.style.left=x+px;this.style.top=y+px;};L.Fm=function(){var pX, pY;   
pX=(this.iX >=0)?0:nn?innerWidth:nn&&dH.clientWidth?dH.clientWidth:dB.clientWidth;   
pY=nn?pageYOffset:nn&&dH.scrollTop?dH.scrollTop:dB.scrollTop;   
if(this.iY<0)pY+=nn?innerHeight:nn&&dH.clientHeight?dH.clientHeight:dB.clientHeight;   
this.nX+=.1*(pX+this.iX-this.nX);this.nY+=.1*(pY+this.iY-this.nY);this.P(this.nX,this.nY);
setTimeout(this.id+'O.Fm()',33);};
return L;}
floatMail(hX,vY,'FloatMail').Fm();
</script>

<!-- End FloatMail Code //-->

<font color="#FFFFFF">Tekst</font>
Avatar billede roenving Novice
01. juli 2004 - 16:46 #1
Fjern den sidste linje i scriptet, der ser sådan ud:

floatMail(hX,vY,'FloatMail').Fm();

--og skriv div-tagget sådan:

<div id="FloatMail" style="position: absolute;background-color:transparent;width: 650px;" onclick="floatMail(hX,vY,'FloatMail').Fm();">
Avatar billede rastaman Nybegynder
01. juli 2004 - 17:17 #2
på denne måde aktiveres den flyvende tekst jo ved klik på selve teksten

jeg ville jo gerne have at teksten var skjult indtil man klikkede på et sekundært link som så fik teksten til at flyve ned over siden
Avatar billede rastaman Nybegynder
01. juli 2004 - 17:27 #3
eventuelt kan man måske også lave et link som skjuler den flyvende tekst igen ???
Avatar billede roenving Novice
01. juli 2004 - 17:37 #4
<div id="FloatMail" style="position: absolute;background-color:transparent;width: 650px;display:none;">

<a href="#" onclick="floatMail(hX,vY,'FloatMail').Fm();document.getElementById('FloatMail').style.display='block';return false;">Flyvende tekst</a>

Hvis den skal skjules igen skal lave linket sådan:

<a href="#" onclick="document.getElementById('FloatMail').style.display='none';return false;">Skjul flyvende tekst</a>
Avatar billede rastaman Nybegynder
01. juli 2004 - 17:55 #5
Perfekt, det virker lige efter hensigten

Pointene er dine
Avatar billede roenving Novice
01. juli 2004 - 18:09 #6
Velbekomme '-)
Avatar billede roenving Novice
01. juli 2004 - 19:12 #7
-- og tak for point ;~}
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

IT-JOB