php - Javascript Void - Smileys - Udvikleren.dk - Programmering, webdesign og grafik

Tags: php

Bruger #10231 @ 02.09.06 11:50

Hej.
Jeg er ved at lave cms systemer osv osv. jeg mangler nogle funktioner.
---
Så jeg ville høre om der er er nogen der kan fortælle mig evt hvor man kan læse om eller en artikel om det med javascript:void(0);
eller jeg ved ike om det er det, det hedder.
Men det er den funktion der gør at man kan klikke på en smiley. og så kommer koden frem til smileyen nede i textarea.
F.eks her på siden når man skriver noget, så har man mulighed for at klikke nogle ting ind, f.eks fed, italic osv osv..
Nogle hints guides artikler tutorials.. så er jeg glad

7 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 4 karma

Sorter efter stemmer Sorter efter dato

Bruger #2416 @ 02.09.06 22:17

314

Kan man leve med en relativ simpel løsning, kan man bruge følgende:

Kode

<!-- Indsæt vha. tekst -->
<a href="#" onclick="document.getElementById('tekstFelt').value += ':)'; return false;">Indsæt :)</a>

<!-- Indsæt vha. billede -->
<img src="billedet.gif" onclick="document.getElementById('tekstFelt').value += ':)';" style="cursor: pointer;" />

<!-- Tekst feltet smileyen tilføjes til -->
<textarea id="tekstFelt"></textarea>

Problemet ved denne udgave, er at teksten bliver tilføjet tilsidst i textareaet i stedet for der hvor cursoren er.

--

Mathias: Som du kan se af ovenstående kode, kan problemet med cursoren løses simplere.

Og ja, href="#" går normalt til toppen af siden, men sætter man onclick til at retunere false, sker der ingen ting.

Bruger #4479 @ 02.09.06 12:38

602

det et onclick eventen der gør at du kan add noget til textarea det javascript:void(0) står der formentlig for at annulere effekten af at klikke på et link. Kan man jo selvfølgelig spekulere på hvorfor de har valgt link tags til at begynde med , har formentlig noget at gøre med IE

Det er fordi at man ellers skal bruge javascript til at få "hånden" frem der kommer når man tager den over et link. Så derfor gør man tit sådan her:

<a href="javascript: void(0);" onclick="indsaetSmiley();"><img src="smiley.gif" border="0"></a>

istedet for:

<img src="smiley.gif" onclick="indsaetSmiley();" onmouseover="this.style.cursor='pointer';" onmouseout="this.style.cursor='default';">

Bruger #10231 @ 02.09.06 11:52

I må også undskylde jeg oprettede den herinde, men der er ikke noget forum til javascript, og jeg så at der var andre der havde noget med javasscript herinde.
Plus det er jo i et PHP baseret system jeg skal bruge det..

Bruger #5620 @ 02.09.06 12:23

1.500

det et onclick eventen der gør at du kan add noget til textarea det javascript:void(0) står der formentlig for at annulere effekten af at klikke på et link. Kan man jo selvfølgelig spekulere på hvorfor de har valgt link tags til at begynde med

, har formentlig noget at gøre med IE