/ Forside/ Teknologi / Internet / Hjemme sider / Spørgsmål
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Hjemme sider
#NavnPoint
molokyle 23766
Klaudi 7947
bentjuul 7763
BjarneD 4584
severino 4460
Manse9933 4366
natmaden 3985
disken 3947
miritdk 3593
10  refi 3578
pop up, et lille program
Fra : rednuf
Vist : 595 gange
100 point
Dato : 29-07-04 23:48

Ved at klikke på et ord i forbindelse med en vare på en hjemmeside, ville jeg gerne have en lille pop up der kunne fortælle f.eks. hvad prisen er på varen.
Er der nogen der kender et lille nemt program der kan det, programmet behøver ikke at være gratis.
Hilsen rednuf


 
 
Kommentar
Fra : Lexi


Dato : 29-07-04 23:55

Se om du kan bruge noget fra denne side:
http://kilde-koder.webbyen.dk/

Under --> scripts > pop-up

Kommentar
Fra : jakjoe


Dato : 29-07-04 23:55
Kommentar
Fra : Luke2000


Dato : 30-07-04 00:00

*gg* Det var noget af et program... Det er vist kun hjemmeside selv der skal programeret til at gøre det...

Så glem det. Det findes ikke og kan ikke laves vil jeg påstå

Kommentar
Fra : jakjoe


Dato : 30-07-04 00:01

hvis sommeren fortsætter på den måde

Kommentar
Fra : taliskoko


Dato : 30-07-04 00:32

Hvad med at have den lille gule box der kan sættes til at dukke op når man eks.vis. pege på et billed. Der kan du så sætte prisen ind i, og når man flytter musen forsvinder det igen.

Men ellers har jeg fundet lidt her:
http://www.w3schools.com/dhtml/tryit.asp?filename=trydhtml_menu_cursor

http://www.w3schools.com/dhtml/tryit.asp?filename=trydhtml_menu_description

http://www.html.dk/artikler/00004/

Men ellers er det vel bare at lave ordet som et link...?

Kommentar
Fra : molokyle


Dato : 30-07-04 00:33

rednuf -> Der er mange muligheder :

Det simpleste er blot at skrive prisen ind i ALT atributten på et <IMG ..> tag :

Kode
<img src="MIN_VARE.GIF" border="0" alt="MIN VARES PRIS ER XXX KR">


Når du kører musen henover billedet MIN_VARE.GIF kommer der et gult felt med teksten der står efter 'alt' : MIN VARES PRIS ER XXX KR.

Det kan også laves med CSS eller Javascript, men kan du ikke uddybe det lidt og evt. lægge en URL til din side.

Skal der klikkes for at se prisen eller skal det blot være en roll-over ting ?

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 30-07-04 00:37

Jeg kan se taliskoko allerede har lagt et par link til, hvordan det kan gøres i CSS.

Du får lige et eksempel mere fra denne side : http://www.webdesign101.dk/css/eksempler/eksempel4.php
..bemærk hvorledes menuen til højre giver en pop-up box med tekst under menuen når der peges.

</MOLOKYLE>


Kommentar
Fra : molokyle


Dato : 30-07-04 00:43

Sludder... taliskoko's eksempler er i Javascript. Mit er i CSS.

</MOLOKYLE>

Kommentar
Fra : molokyle


Dato : 30-07-04 00:50

Det kunne også laves således : http://javascript.internet.com/navigation/fading-rollover.html

..eller således :

Kode
<img src="BILLEDE1.gif" onmouseover="this.src='BILLEDE2.gif'" onmouseout="this.src='BILLEDE1.gif'">


BILLEDE1.gif er billedet af varen og BILLEDE2.gif kunne være prisen vist som grafik evt. lagt oven i det oprindelige billede (BILLEDE1.gif). Når musen føres over billedet kommer prisen frem.

</MOLOKYLE>



Kommentar
Fra : molokyle


Dato : 30-07-04 00:52

Hmm... Kandu.dk 'driller'

Se bort fra [/code] i ovenstående eksempel.

</MOLOKYLE>




Kommentar
Fra : molokyle


Dato : 30-07-04 00:55

Det bli'r sgu ved

Se bort fra : [ / c o d e ]

Kandu.dk kan nogen gange være nærmest være umulig, når det kommer til at gengive kildekode : http://www.kandu.dk/dk/spg/45388

</MOLOKYLE>

Kommentar
Fra : rednuf


Dato : 30-07-04 17:02

Hej molokyle
Din ide med det "gule felt" kan jeg lige bruge.
Men hvordan får jeg det mon til at virke, hvor/hvordan skal jeg lægge den ind på hjemmesiden.
Jeg klummer vist i det.
Hilsen rednuf


Kommentar
Fra : taliskoko


Dato : 30-07-04 17:53

Se nu igen, Molo-drengen snuppede min idé... Men fair nok, der.

Sæt dette ind i forbindelse med billede eller tekst:

title="Prisen på varen"

Kommentar
Fra : rednuf


Dato : 30-07-04 20:14

Hvad er "i forbindelse med"
eks: jeg har et billede der hedder ef01l.jpg , hvordan sætter jeg det i forbindelse med "det gule felt"

Accepteret svar
Fra : taliskoko

Modtaget 100 point
Dato : 30-07-04 21:49

Inde i koden for den linie hvor billedet ligger sætter du "title" ind:

Eks.1.
<a href="ef01l.jpg"title="Her skriver du så det man skal se i den gule box...">

Eks.2.
<a href="www.kandu.dk" title="Her skriver du så det man skal se i den gule box...">hej</a>


Godkendelse af svar
Fra : rednuf


Dato : 30-07-04 22:18

Tak for svaret taliskoko.
Og tak for hjælpen, rednuf                        

Du har følgende muligheder
Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.

Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408924
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste