Smileys in Gästebuch

E

El_Tomato

Erfahrenes Mitglied
Ich hab ein Gästebuch gecodet und möchte da gerne Smileys einfügen.
Ich habe es versucht aber es funktionierte nicht und jetzt frage ich hier:
Wie bekomme ich Smileys neben das Textfeld eintragen und kann auf die Smileys klicken, so dass sie im Textfeld eingefügt werden?
Hier ist der Code der Datei einfügen und da sollen die Smileys neben das Textfeld:
Code: 
<form method="post" action="gb.php">
  <div align="center">
    <p>Name: <br />                
      <input name="name" type="text" size="38">
      <br>
      E-Mail: <br />
      <input name="email" type="text" size="38">
      <br>
      Eintrag: <br />
      <textarea name="eintrag" cols="35" rows="10"></textarea>
      <br>
      
      <input type="submit" name="Button" value="Absenden">
    </p>
  </div>
</form>
Hier sind die Smileys die ich gerne haben möchte:
Smileys
Wenn ihr mir helfen könntet, wäre das sehr nett.

mfg El_Tomato
 
Das geht mit Javascript. Nicht mit HTML.
Leider beschäftige ich cih noch nicht solange damit.
Aber was du schonmal amchen kannst ist folgendes:
Du musst jeden Smiley verlinken:
<a href="" onClick=><img src="URL"></a>
dann muss dir jetzt nur noch jemand verraten, was du bei onCLick einsetzen musst :D
 
hier hab ich mal schnell den code rausgesucht, so in der art hab ich es
HTML: 
<a href="javascript:add(':)')"><img src="smilys/1.gif" border="0"></a>

<script language="JavaScript">
var n = 1;
function add(code)
{
	
	form.guestbook.value += " " + code ;
	
}
</script>

nach form. ist der Name des Elemntes also <textarea name="guestbook"> nicht zu vergessen
 
Zuletzt bearbeitet:
Hilfe im Codefragment

Könnte mir hier jemand ein Beispiel geben, wo sich der Smiley in einer Textarea öffnet? Bei mir funktioniert das nicht!
Hier ist der Code:
Code: 
<a href="javascript:add(':)')"><img src="smilys/1.gif" border="0"></a>

<script language="JavaScript">
var n = 1;
function add(code)
{
	
	form.guestbook.value += " " + code ;
	
}
</script>

Danke im Voraus

mfG El_Tomato
 
Versuch es mal hiermit:

Code: 
<script type="text/javascript">
var n = 1;
function add(code) {
         document.guestbook.eintrag.value += " " + code ;
}
</script>
Code: 
<form action="gb.php" method="post" name="guestbook">
      <textarea name="eintrag" cols="35" rows="10"></textarea>
</form>

<a href="#" onclick="add(' :)');"><img src="smileys/lach.gif" border="0"></a>
 
Ich hab da ein kleines Problemchen.
Ich habe es so gemacht wie mir gesagt wurde, aber es schickt einfach nicht ab und man kann sich nicht in das Gästebuch eintragen :confused: .
So sieht schonmal mein Code aus:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

<title></title>

<style type="text/css">
body {
	background-color: #ABF07D;
}
#Layer1 {
	position:absolute;
	left:189px;
	top:118px;
	width:131px;
	height:160px;
	z-index:1;
}
</style>

<script type="text/javascript">
var n = 1;
function add(code) {
         document.guestbook.eintrag.value += " " + code ;
}
</script>

</head>
<body>

    <p>Name: <br />                
      <input name="name" type="text" size="38">
      <br>
      E-Mail: <br />
      <input name="email" type="text" size="38">


<form action="mail.php" method="post" name="guestbook">
      <textarea name="eintrag" cols="50" rows="10"></textarea>
</form>

<a href="#" onclick="add(' :)');"><img src="smileys/lach.gif" border="0"></a>

<input type="submit" name="Button" value="Absenden">
</body>
</html>
Falls jemand wissen könnte woran das liegt, solle er sich bitte hier melden.
Hier ist nochmal der Link zum Gästebuch
 
El_Tomato hat gesagt.:
So sieht schonmal mein Code aus:
Zum Vergrößern anklicken....

So sieht er nicht aus, sondern so: :eek:
Code: 
<a href="smileys/lach.gif" onclick="add(':-D');"><img src="smileys/lach.gif" border="0"></a>

Mache daraus mal Folgendes:
Code: 
<img onclick="add(':-D');" src="smileys/lach.gif" border="0" style="cursor:pointer">

Den Link brauchst du dort überhaupt nicht ;)
 
Aber dann habe ich das Problem, dass bei dem fertigen Eintrag der Smiley nicht da steht sonder :-D!
Wie mache ich nun, dass der Smiley anstatt :-D da steht?
 
Du musst den Smiley-Code beim Übermitteln des Textes per PHP durch den entsprechenden <img>-Tag ersetzen.

Beiträge dazu findest du im PHP-Forum en masse.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück