Gå til innhold

sette inn html i skjema med javascript


Anbefalte innlegg

jeg har et nyhetsscript som skal gjøres brukervennlig. derfor vil jeg at når brukeren trykker på en knapp/link så settes

<img src="link/til/bildet" class"min">

inn på slutten av teksten i en bestemt tekstboks i skjemaet. jeg lurer på hvordan dette gjøres og om noen har en løsning på dette?

håper jeg gjorde meg forstått, hvis ikke er det bare å spørre :)

Lenke til kommentar
Videoannonse
Annonse
  • 3 uker senere...
document.getElemetById("navn") er vel hakket mer solid ;)

 

Fikk du til Smidt?

Å? Hvorfor det? Hvis han har brukt det eksempelet som er linket til ovenfor så er vel det jeg skrev solid nok. getelementbyid er vel ikke helt 100% dersom dokumentet f.eks inneholder flere skjemaer og alle skjemaene har et element som heter "navn".

 

du glemte forresten en "n" i "getElementById()

Lenke til kommentar

beklager, men jeg forstod ikke helt noen av forslagene..

 

function insertImg() {
var tampon = document.news.fullstory;
 tampon.value += "<img scr=http://www.predicted.net/art/images/DITT_BILDE>";
 tampon.focus();
}

sånn ser koden ut.. kan dere hjelpe meg med å forandre på den sånn at den passer?

tekstfeltet heter fullstory

Lenke til kommentar
....

sånn ser koden ut.. kan dere hjelpe meg med å forandre på den sånn at den passer?

tekstfeltet heter fullstory

det skal fungere det der. Du har nok gjort en feil lenger ned på siden. Dersom du har en button som sørger for oppdatering av feltet lenger ned på siden må den se noe slikt ut:

<input type="button" onClick="insertImg()" value="trykk">

og skjemaet ditt må være bygd opp ca slikt:

<form name="news" method="post" action="">
<input type="text" name="fullstory">
<input type="button" onClick="insertImg()" value="legg inn link">
<input type="submit" value="send skjema">
</form>

Lenke til kommentar

har visst grusomt tregt for det..

<form name="news" method="post" action="post.php">
 <fieldset>
 <legend>Post en nyhet</legend>
<br>
 <span class="tekstomr">Kategori:</span>
   <select name="kategori">
     <option value="nyhet" name="nyhet">nyhet</option>
     <option value="artikkel" name="artikkel">artikkel</option>
   </select>
 <br>
   <span class="tekstomr">Overskrift</span> 
   <input type="text" name="overskrift">
   <br>
   <span class="tekstomr">Ingress</span> 
   <textarea name="shortstory" cols="60" rows="10"></textarea>
 <br><br>

      <span class="tekstomr">Sett inn: </span>  
    <INPUT TYPE="button" onClick='insertUrl()' value='Url'>
       <INPUT TYPE="button" onClick='insertEmail()' value='Email'>
       <INPUT TYPE="button" onClick='insertImg()' value='Img'>  <br>
   <span class="tekstomr">Hele saken</span> 
   <textarea name="fullstory" cols="60" rows="15"></textarea>
   <br>
   <br>
 </p>
 <p>
   <input class="input" type="submit" name="submit" value="Post">
   <input class="input" type="reset" name="reset" value="Fjern"><br /><br />
   <a href="javascript:history.go(-1)"><-- tilbake</a> </p>
</fieldset>

</form>

der er skjemaet.

 

og javascriptet ( som ligger i head)

<script LANGUAGE="JavaScript">
<!-- Begin
function insertUrl() {
var tampon = document.news.fullstory;
 tampon.value += "<a href="link" target="_blank">link </a>";
 tampon.focus();
}
function insertEmail() {
var tampon = document.news.fullstory;
 tampon.value += "<a href="[email protected]">[email protected] </a>";
 tampon.focus();
}
function insertImg() {
var tampon = document.news.fullstory;
 tampon.value += "<img scr=http://www.predicted.net/art/images/DITT_BILDE>";
 tampon.focus();
}
// End -->
</script>

 

jeg ser ikke helt hvor feilen ligger, og lurte på om jeg kunne fått litt hjelp til å finne ut av det. får forresten en feilmelding i IE når jeg trykker på knappene.

:)

Lenke til kommentar
hva med å poste feilmeldingen da? ;)

det popper bare opp en sak som sier at det er ett eller annet uventet..

fikk ikke så mye ut av det. I Opera er alt vanlig, bortsett fra at det ikke skjer noe når jeg trykker på knappene

Lenke til kommentar

det er veldig enkelt egentlig...

finn din <form>, og finn navnet på den, eg: <form name="myform">

 

finn så den textarea'n eller input'n du vil sette inn ting i:

eg: <input name="myinput"> og <textarea name="mintextarea">

 

sett så inn verdier slik:

for å adressere input'n over:

 

document.myform.myinput = "dette settes inn i input";

 

texarea'n slik:

document.myform.mintextarea = "dette havner i textarea";

 

se hvor name til <form> og name til hhv <input> og <textarea> havner i kallene over.

Lenke til kommentar
  • 1 måned senere...

Trenger litt hjelp med den scripten, jeg klarer meg fint å sette tekste inn i en form greie, men hvis jeg vil at når du trykker mer smiles så kommer det en popups window hvordan kan jeg sette tekste (koden) fra den popups window til en form?

 

Som her når du trykker vis alle (smilies) så kommer det en popups og derfra sette de forskjelige på en form.

 

Kan noen det??

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...