Mouse over

Skriv et svar

Smilies
:D :) :( :o :shock: :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen:
BBkode er slået TIL
[img] er slået TIL
[flash] er slået FRA
[url] er slået TIL
Smilies er slået TIL
Emnegennemgang
   

Udvidet visning Emnegennemgang: Mouse over

Re: Mouse over

Indlæg af Kim Ludvigsen » tirs dec 14, 2010 12:59

Det kan gøres med Overlib:
http://www.bosrup.com/web/overlib/

Det er et JavaScript, der kan generere mere avancerede popop'er end den sædvanlige title-funktion. Du kan fx bestemme tekst og baggrundsfarve samt størrelse på popop'en. Billeder er ikke direkte understøttet, men man kan bruge baggrundsbilleder, så resultatet for den besøgende er det samme.

Men det kan være lidt nørdet at gå til, og hvis det skal virke ordentligt skal du også benytte andre funktioner, se evt. denne side:
http://www.huguesjohnson.com/programmin ... image.html

Jeg har ikke selv prøvet at lege med funktionerne, så jeg kan ikke hjælpe dig yderligere med brugen.

Hvis du vil vil have et billede vist efter et klik i stedet for, når musen holdes over, så er det meget nemmere. Så kan du bruge Lightbox:
http://www.lokeshdhakar.com/projects/lightbox2/

Re: Mouse over

Indlæg af Ulrik3400 » lør dec 11, 2010 8:50

Næste spørgsmål er om man kan lave det samme med billeder?
Eks "se billede" og når musen så placeres på teksten så popper der et billed op.

Re: Mouse over

Indlæg af Ulrik3400 » ons dec 01, 2010 20:17

Super :) og rigtig mange tak for hjælpen

Re: Mouse over

Indlæg af Kim Ludvigsen » ons dec 01, 2010 7:04

Fuldstændig på samme måde som jeg gjorde ovenfor. Du finder det/de ord, som du vil påføre on mouse-teksten, her kan du se hele linjen med Export Lager:
<b><font face="Arial" size="2" color="#FFFFFF">XXXX Export Lager</font></b></td>

Så indsætter du følgende før ordet/ordene:
<span title="DIN TEKST">
og følgende efter ordet/ordene:
</span>
Så ovenstående linje nu ser sådan ud::
<b><font face="Arial" size="2" color="#FFFFFF"><span title="DIN TEKST">XXXX Export Lager</span></font></b></td>

Du skal så selvfølgelig bare udskifte DIN TEKST med den tekst, som skal vises.

Bemærk, at der er grænser for, hvor lange teksterne kan være, og at grænserne ikke er ens i alle browsere. Hvis du vil have vist meget lange tekster, bør du finde en anden metode.

Re: Mouse over

Indlæg af Ulrik3400 » ons dec 01, 2010 6:45

Nå måske skulle jeg dykke lidt ned i de der koder....

Kan du vejlede mig hvor jeg skal indsætte koden?
Jeg vil godt have funktionen på XXXX Export Lager

</tr>
<tr style="height: 15pt;" height="20">
<td style="border-bottom:1px solid; border-left:medium none; border-right:medium none; border-top:1px solid; height: 15pt; width: 257px; color: rgb(64, 64, 64); font-size: 9pt; font-family: Arial,sans-serif; vertical-align: top; white-space: normal; font-weight: 400; font-style: normal; text-decoration: none; padding-left: 1px; padding-right: 1px; padding-top: 1px; " height="20">
<b><font face="Arial" size="2" color="#FFFFFF">Castlemaine</font></b></td>
<td style="border-bottom:1px solid; border-left:medium none; border-right:medium none; border-top:1px solid; width: 367px; color: rgb(64, 64, 64); font-size: 9pt; font-family: Arial,sans-serif; vertical-align: top; white-space: normal; font-weight: 400; font-style: normal; text-decoration: none; padding-left: 1px; padding-right: 1px; padding-top: 1px; ">
<b><font face="Arial" size="2" color="#FFFFFF">XXXX Export Lager</font></b></td>
<td style="border-bottom:1px solid; border-left:medium none; border-right:medium none; border-top:1px solid; width: 79px; color: rgb(64, 64, 64); font-size: 9pt; font-family: Arial,sans-serif; vertical-align: top; white-space: normal; font-weight: 400; font-style: normal; text-decoration: none; padding-left: 1px; padding-right: 1px; padding-top: 1px; ">
<b><font face="Arial" size="2" color="#FFFFFF">Australien</font></b></td>
<td style="border-bottom:1px solid; border-left:medium none; border-right:medium none; border-top:1px solid; width: 138px; color: rgb(64, 64, 64); font-size: 9pt; font-family: Arial,sans-serif; vertical-align: top; white-space: normal; font-weight: 400; font-style: normal; text-decoration: none; padding-left: 1px; padding-right: 1px; padding-top: 1px">
<b><font face="Arial" size="2" color="#FFFFFF">Lager</font></b></td>

Re: Mouse over

Indlæg af Kim Ludvigsen » tirs nov 30, 2010 4:37

Du behøver ikke at bruge mouse over, du kan i stedet bruge title, fx placeret i en span:
<font color="#ffffff" face="Arial" size="2"><span title="test">Castlemaine</span></font></b></td>

Men jeg har en fornemmelse af, at det ikke bliver nemmere at indsætte af den grund. Jeg kender ikke til brugen af Frontpage, og jeg har ikke adgang til et program. Jeg ved derfor ikke, hvad programmet kan.

Re: Mouse over

Indlæg af Ulrik3400 » man nov 29, 2010 21:18

http://www.haslundhaslund.dk/oelliste.htm det er så denne liste hvor jeg godt kunne tænke mig lidt mouse over!

Mouse over

Indlæg af Ulrik3400 » man nov 29, 2010 19:45

Hej forum

Er der nogen lette genveje til mouse over/on mouse i FrontPage 2003? altså en funktion i programmet så jeg slipper for at skrive koden selv.
En løsning hvor musemarkøren hviler på en tekst og der så kommer et tekst felt op er hvad jeg søger, men kan ikke finde funktionen i FP2003.
Jeg har søgt på her forum men finder kun henvisninger med brug af html.

Vh Ulrik

Top