|
|
 | pop up, et lille program
Fra :  rednuf | Vist : 594 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 |
| | |
 | 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 : taliskoko |
Dato : 30-07-04 00:32 |
| | |
 | 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.
| |
|
|