/ Forside/ Teknologi / Udvikling / HTML / Spørgsmål
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
En MEGET spændende funktion !!!
Fra : christofferd
Vist : 1422 gange
200 point
Dato : 23-05-05 19:15

Hej, jeg vil høre om der er nogen der ved hvordan man laver den funktion I ser på følgende link:

http://www.worldpay.com/euro_dk/sme/index.php

----> klik på "Payment types online" og før derefter musen forbi eksempelvis ordet "real-time". I vil da se en tekstboks fremkomme.

Mit spørgsmål er: Hvad er html-koden til denne funktion?

 
 
Kommentar
Fra : Karl_Smart


Dato : 23-05-05 19:31

Ved det egentlig ikke, men måske er det en modificeret <a title="">
Evt farvet med noget css...

/Karl Smart

Kommentar
Fra : taliskoko


Dato : 23-05-05 19:41

Hvor ser du det henne????????????? Kan du ikke linke direkte?????????

Kommentar
Fra : taliskoko


Dato : 23-05-05 19:43

Fandt det selv... Det er et javascript.

Kommentar
Fra : miritdk


Dato : 23-05-05 20:40

haha sikker kørsel talisko


Kommentar
Fra : taliskoko


Dato : 23-05-05 20:45

Jeg har da ikke talt over mig

Kommentar
Fra : miritdk


Dato : 23-05-05 20:46

nope

Kommentar
Fra : molokyle


Dato : 23-05-05 20:55

Hva' snakker du om christofferd ???

..en pop-up side, et betalingssystem, dynamiske sider ....eller hva' ???

</FULD_AF_FORUNDRING_OVER_SPØRGSMÅLET_&_SVARENE_INDTIL_NU_???>

Kommentar
Fra : molokyle


Dato : 23-05-05 20:57

Ps. Kunne du ...I ...uddybe spørgsmålet en smule

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 23-05-05 21:05

Denne kode er der ingen ben i :

Kode
Accept a broad range of <a href = "javascript: openWin('datasheet.php?go=ds_atlas', 650, 400)">payment types online</a>


Det er (D-)HTML + ASP

HTML = Alm. anchor markør
Javascript = kald til en dedikeret klientfunktion openWin('...'); med kald til funktionen : window.open('...');
ASP = ??? Denne serverside kode har man absolut ingen muligheder for at aflæse. Den er afviklet på serveren inden koden når klienten

</MOLOKYLE>

Kommentar
Fra : christofferd


Dato : 23-05-05 21:08

Jo, på den side jeg referer til kan man følgende:

Man kører musen henover et ord i teksten og der fremkommer (uden at man overhovedet har klikket på ordet) en ny tekstboks med noget andet tekst. Når man fjerner musen igen forsvinder tekstboksen.

Hvordan laver man dette???

Kommentar
Fra : smorch


Dato : 23-05-05 21:09

Det gør man med overlib.js

http://www.bosrup.com/web/overlib/

Mvh

sMorch

Kommentar
Fra : molokyle


Dato : 23-05-05 21:10

Hmmm.... Kaqndu.dk's NET.Asp åd kaldet :

< a h r e f = " j a v a s c r i p t: o p e n W i n ( ' d a t a s h e e t . p h p ? g o =d s _ a t l a s ' ,6 5 0 , 4 0 0 ) " > p a y m e n t t y p e s o n l i n e < / a >


...overskydende mellemrum = Whitespaces' er indsat af undertegnede

< / M O L O K Y L E >

Kommentar
Fra : christofferd


Dato : 23-05-05 21:11

Jeg har set det på flere forskellige hjemmesider (kan ikke huske hvad de hedder), så det må altså kunne lade sig gøre...

Kommentar
Fra : molokyle


Dato : 23-05-05 21:12

UPS .... PHP ...Det er

</MOLOKYLE>

Kommentar
Fra : smorch


Dato : 23-05-05 21:13

Molo - Hvordan vil du få en php side til at køre ASP ?????

http://www.worldpay.com/euro_dk/sme/datasheet.php?go=ds_atlas

smorch

Kommentar
Fra : molokyle


Dato : 23-05-05 21:14

..men stadig er det Kandu.dk's ASP der har svært ved at skelne 'bruger indlæg' og serverside kode

GAMMELT problem her på boardet

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 23-05-05 21:19

Heiiii.... nu ved jeg hvad du taler om christofferd

Den samme teknik bruges i linkene hér på kandu.dk

I din <a href="..."> ...</a> indsætter du parameteren title="DET_DER_SKAL_STÅ_I_DEN_GULE_FIRKANT_VED_MOUSEOVER"

Altså :

<a href="..." title="DET_DER_SKAL_STÅ_I_DEN_GULE_FIRKANT_VED_MOUSEOVER"> ...</a>

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 23-05-05 21:20

Ps. Det svarer til parameteren; alt="DET_DER_SKAL_STÅ_I_DEN_GULE_FIRKANT_VED_MOUSEOVER" i <img ...> markøren

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 23-05-05 21:24

..nøeh ???

Hvad menes der ??? Jeg kan ikke se noget 'specielt' på siden eller ved mouseover på linket ???

</MOLOKYLE>

Kommentar
Fra : smorch


Dato : 23-05-05 21:25

MOLOKYLE - Du er da helt i skoven på dette spørgsmål - Det drejer jeg om den effekt der bruges på http://www.worldpay.com/euro_dk/sme/datasheet.php?go=ds_atlas

Den er lavet med OVERLIB, som kan hentes på http://www.bosrup.com/web/overlib/

Hvor der også findes fuld dokumantation

smorch ;-:

Kommentar
Fra : christofferd


Dato : 23-05-05 21:30

OK, hør så her

Prøv at fortælle til en nybegynder som mig hvad jeg skal gøre for at få det til at virke på en hjemmeside.

Accepteret svar
Fra : smorch

Modtaget 200 point
Dato : 23-05-05 21:34

Hent overlib her: http://prdownloads.sourceforge.net/overlib/overlib417.zip?download

Læs hvordan du skal gøre her
http://www.bosrup.com/web/overlib/?Documentation

Kan du ikke engelsk, eller forstår du det ikke - skriv her igen


Mvh

smorch


Kommentar
Fra : smorch


Dato : 23-05-05 21:37

Eller denne kan også bruges: http://www.softcomplex.com/products/tigra_hints/



Kommentar
Fra : molokyle


Dato : 23-05-05 21:45

Æv ...min computer var lige nede et øjeblik

..man skal ikke experimentere med XML + XHTML medens man er på Kandu.dk

Fint indlæg fra mig.... for et øjeblik siden smorch : PHP, Javascript og hva' har vi . Dét forsvandt til de evige BIT marker

..men problemet er at javascriptfunktionen er skjult af PHP koden. Man kan kun se : http://www.worldpay.com/euro_dk/js/preload.js koden

Korrekt imidlertid ..at der er brugt OVERLIB koden

</MOLOKYLE>



Kommentar
Fra : molokyle


Dato : 23-05-05 21:49

Ps. Pop-up's af denne type kan laves UDEN Javascript

http://www.webdesign101.dk/css/eksempler/eksempel4.php

</MOLOKYLE>

Godkendelse af svar
Fra : christofferd


Dato : 24-05-05 18:38

Tak for svaret smorch. Jeg har læst dokumentationen og forstår altså ikke hvordan man gør. Tror du du kan forklare det?         

Kommentar
Fra : smorch


Dato : 24-05-05 21:35

Prøv nedenstående - sørg for at overlib.js ligger i samme mappe som nedenstående.

Gem fx. som overlibTest.html


<html>
<head>
<script type="text/javascript" src="overlib.js"><!-- overLIB (c) Erik Bosrup --></script>
</head>

<body>
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>


<a href="javascript:void(0);" onmouseover="return overlib('HER SKRIVER DU TEKSTEN, der skal komme frem i popoppen - Dette er en sticky, da

den bliver fremme(Den forsvinder hvis du flytter musen OVER og derefter væk fra overLIB popup´en--eller mouseover en anden overLIB.',
STICKY, MOUSEOFF);" onmouseout="return nd();">nr.1</a>
bla. bla vla val vlsd sdf wef wefvsd wef

<a href="javascript:void(0);" onmouseover="return overlib('Dette er en sticky, da den bliver fremme(Den forsvinder hvis du flytter musen OVER

og derefter væk fra overLIB popup´en--eller mouseover en anden overLIB).',
STICKY, MOUSEOFF, LEFT);" onmouseout="return nd();">nr.2</a>
bla. bla vla val vlsd sdf wef wefvsd wef

<a href="javascript:void(0);" onmouseover="return overlib('TIMEOUT, Forsvinderfter 3000 milisekunder (3 sekunder)).',
TIMEOUT, 3000, MOUSEOFF);" onmouseout="return nd();">nr.3</a>
bla. bla vla val vlsd sdf wef wefvsd wef

</body>
</html>

Kommentar
Fra : smorch


Dato : 24-05-05 21:35

Prøv nedenstående - sørg for at overlib.js ligger i samme mappe som nedenstående.

Gem fx. som overlibTest.html


<html>
<head>
<script type="text/javascript" src="overlib.js"><!-- overLIB (c) Erik Bosrup --></script>
</head>

<body>
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>


<a href="javascript:void(0);" onmouseover="return overlib('HER SKRIVER DU TEKSTEN, der skal komme frem i popoppen - Dette er en sticky, da

den bliver fremme(Den forsvinder hvis du flytter musen OVER og derefter væk fra overLIB popup´en--eller mouseover en anden overLIB.',
STICKY, MOUSEOFF);" onmouseout="return nd();">nr.1</a>
bla. bla vla val vlsd sdf wef wefvsd wef

<a href="javascript:void(0);" onmouseover="return overlib('Dette er en sticky, da den bliver fremme(Den forsvinder hvis du flytter musen OVER

og derefter væk fra overLIB popup´en--eller mouseover en anden overLIB).',
STICKY, MOUSEOFF, LEFT);" onmouseout="return nd();">nr.2</a>
bla. bla vla val vlsd sdf wef wefvsd wef

<a href="javascript:void(0);" onmouseover="return overlib('TIMEOUT, Forsvinderfter 3000 milisekunder (3 sekunder)).',
TIMEOUT, 3000, MOUSEOFF);" onmouseout="return nd();">nr.3</a>
bla. bla vla val vlsd sdf wef wefvsd wef

</body>
</html>

Kommentar
Fra : smorch


Dato : 24-05-05 21:49

KanDu kan ikke finde ud af koden.

http://morch.dk/kandu/overlib.html

er ovenstående eksempel i fungerende udgave - klik på ovenstående link, og højreklik på siden > Vis kilde , for at se koden

Prøv evt. at lege med de forskellige kommandoer der er at finde på denne side http://www.bosrup.com/web/overlib/?Command_Reference

Kommandoer i scriptet er det, der er skrevet med store bogstaver efter teksten til popoppen
fx.:
return overlib('Tidsbestemt, Forsvinderfter 3000 milisekunder (3 sekunder)).',
TIMEOUT, 3000, MOUSEOFF);

Mvh
smorch

Kommentar
Fra : christofferd


Dato : 24-05-05 22:13

Hallo, god service

Jeg tror jeg forstår det nu:

I "<head>-delen" skal der stå f.eks:
<script type="text/javascript" src="overlib.js"><!-- overLIB (c) Erik Bosrup --></script>

I "<body>-delen", skal der stå f.eks:

<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>

Tekst, Tekst, tekst, Tekst, tekst, Tekst, tekst
<a href="javascript:void(0);" onmouseover="return overlib('Tekst, tekst, Tekst, tekst, Tekst, tekst, Tekst, tekst',
STICKY, MOUSEOFF);" onmouseout="return nd();">Synlig tekst</a>
Mere tekst, Mere tekst, Mere tekst, Mere tekst, Mere tekst
<a href="javascript:void(0);" onmouseover="return overlib('Mere tekst, Mere tekst, Mere tekst, Mere tekst',
STICKY, MOUSEOFF);" onmouseout="return nd();">Mere synlig tekst</a>


Det jeg ikke er helt sikker på, er:
Hvilken mappe er det du siger overlib.js skal ligge i? Hvis man ikke har mulighed for at ligge det i den omtalte mappe, kan man så ligge den i en anden mappe og så angive URL-adressen til den?

Kommentar
Fra : smorch


Dato : 25-05-05 07:32

Ja -you´ve got it

Kommentar
Fra : christofferd


Dato : 25-05-05 07:55

Hvis der ikke er nogen mapper tilgængelige, kan man så ligge den på et helt andet domæne og så blot angive stien dertil?

Og hvad er det nu koden for den der forsvinder når man fjerner musen igen?

Kommentar
Fra : smorch


Dato : 25-05-05 08:14

Man kan godt lÆgge scriptet på en anden server se http://morch.dk/overlib2.html - i den ligger scriptet på en anden server.

Koden til dén, der forsvinder er :onmouseover="return overlib('TIMEOUT, Forsvinder efter efter 3 sekunder).',
TIMEOUT, 3000, MOUSEOFF);"

Kommentar
Fra : smorch


Dato : 25-05-05 08:20

Skal du ændre tiden, er det så 3000 du skal ændre til fx. 5000 får at den skal blive i 5 sekunder

Kommentar
Fra : christofferd


Dato : 25-05-05 19:27

Tusinde milioner gange tak! Kan man forresten få tekstboksen til at fremkomme i andre farver en grøn/hvid?

Kommentar
Fra : smorch


Dato : 25-05-05 21:46

Ja


Kommentar
Fra : smorch


Dato : 25-05-05 21:50

overlib('Dett giver en grøn baggrund', BGCOLOR, '#006600')
overlib('Dette giver en grøn baggrund', BGCOLOR, 'green')

#006600 er grøn

overlib('Dette ændrer teksten til blå', TEXTCOLOR, '#0000FF')
overlib('Dette ændrer teksten til blå og baggrunden til grøn', TEXTCOLOR, '#0000FF', BGCOLOR, '#006600') (skullle jeg mene)

Kommentar
Fra : christofferd


Dato : 26-05-05 13:40

Den udgave hvor scriptet ligger på en anden server; http://morch.dk/overlib2.html den kan jeg ikke få adgang til. Hvordan er koden for hvis man vil ligge scriptet på en anden server?

Kommentar
Fra : christofferd


Dato : 02-06-05 15:27

Hey Smorch, hvis nu overlib.js bliver gemt på en anden url (f.eks. www.domæne.dk), hvilken sti skal man så angive til den?

Kommentar
Fra : smorch


Dato : 02-06-05 15:40
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408926
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste