Avatar billede askovdk Nybegynder
13. november 2010 - 15:35 Der er 20 kommentarer og
1 løsning

Indsæt tekst i tekstfelt via tryk på link

Hvis jeg har et tekst felt:

<input type=text name=varetitel size="30">

Og jeg så har et link:

<a href="url.php?titel=tekst">Tekst</a>

Kan det laves sådan at når man trykker på linket, så sættes "tekst" ind i textfeltet ?

Altså den skal sætte det titel= ind i tekstfeltet...
Avatar billede webweaver Praktikant
13. november 2010 - 15:39 #1
Ja, det kan det godt.

<input type=text name=varetitel size="30" value="<?php echo $_GET['titel']; ?>>
Avatar billede webweaver Praktikant
13. november 2010 - 15:41 #2
Der mangler lige et " til sidst.

<input type=text name=varetitel size="30" value="<?php echo $_GET['titel']; ?>">

Jeg kan godt nok se at du har postet det i JavaScript. Du vil måske ikke lave det med PHP, selvom den variabel er i PHP?
Avatar billede askovdk Nybegynder
13. november 2010 - 15:41 #3
Ja det er jeg med på, men når jeg klikker på linket må siden ikke blive opdateret :-) Den skal blot indsætte det uden at man bemærker at siden opdateres
Avatar billede webweaver Praktikant
13. november 2010 - 15:52 #4
Ahh okay, stod der jo ikke noget om :-)

Prøv med følgende,

<script type="text/javascript" language="javascript"><!--

function ChgText()
{
    var MyElement = document.getElementById("tekstBoks");
    MyElement.value = "Min tekst her...";
    return true;
}

//--></script>

<a href="#" onclick="ChgText()">Tekst</a>

<input type="text" size="30" name="varetitel" id="tekskBoks" value="">
Avatar billede askovdk Nybegynder
13. november 2010 - 15:55 #5
<a href="#" onClick="java script:document.minform.varetitel.value='Dette er indsat'">Indsæt</a>
<form name="minform">
<input type="text" size="30" name="varetitel" id="varetitel" value=""> 
</form>

Det eksempel jeg har sat ind, er det ikke mere enkelt, eller den gør måske ikke det samme ?
Avatar billede webweaver Praktikant
13. november 2010 - 16:01 #6
Det må du vel kunne se, ved at prøve? Hvis det virker, er det jo fint. Har ikke prøvet det. Men ved at det andet virker :)

Det vil så sige, at der er en tastefejl,
tekskBoks rettes lige til tekstBoks i input :)
Avatar billede webweaver Praktikant
13. november 2010 - 16:03 #7
Jeg kan se at det virker, det eksempel du har. Næsten. Du må ikke skrive java script med mellemrum.

Den skal se sådan her ud,

<a href="#" onClick="java script:document.minform.varetitel.value='Dette er indsat'">Indsæt</a>

Husk, det behøver ikke være et <a> du bruger til det her. Den vil smide en # oppe i URL, så man kan se at der sker noget. Det kan også bruges på billeder og så videre, hvor der ikke vises noget ekstra i URL.
Avatar billede webweaver Praktikant
13. november 2010 - 16:08 #8
Ahh kan se at Eksperten selv smider mellemrummet ind i javascript. Hvis det ikke er der, virker det ihvertfald.

Også med <p> <img> og så videre..

Men jo den er mere enkel den du har fundet askovdk.
Den jeg smed, der ligger det som en funktion oppe i header istedet, hvis man bedre kan lide at have samlet alt sit kode deroppe.
Avatar billede askovdk Nybegynder
13. november 2010 - 16:13 #9
Ok :-)

Mener du jeg skal fjerne # ?

<a href="#" onClick="java script:document.minform.varetitel.value='Dette er indsat'">Indsæt</a>


Kan man have flere værdier i sådan et link ? value1 og value2 osv ?
Avatar billede webweaver Praktikant
13. november 2010 - 16:35 #10
Det er jo op til dig selv om du vil fjerne #.
Men så kan du bare ikke bruge <a>. Så kan du fx bruge <p> istedet. Og ja du kan godt have flere værdier til flere inputfelter fx.

<p onClick="java script:document.minform.varetitel.value='Dette er indsat', document.minform.varetitel2.value='En anden tekst her'">Indsæt</p>
Avatar billede webweaver Praktikant
13. november 2010 - 16:37 #11
Og lige en anden ting, du kan i øvrigt godt fjerne id, når du har name på din input felt.
Avatar billede majbom Novice
13. november 2010 - 17:10 #12
der er ingen grund til at skrive 'java script:' i starten på onclick'en. dette bruges kun i et href attribut...
Avatar billede askovdk Nybegynder
13. november 2010 - 23:50 #13
Hvis jeg bruger dit eksempel, har jeg så mulighed for at få noget med fra Linket ? 
<a href="#" onclick="ChgText() tekst=BLA BLA BLA ??? ">Tekst</a>


<script type="text/javascript" language="javascript"><!--

function ChgText()
{
    var MyElement = document.getElementById("tekstBoks");
    MyElement.value = "Min tekst her...";
    return true;
}

//--></script>

<a href="#" onclick="ChgText()">Tekst</a>

<input type="text" size="30" name="varetitel" id="tekskBoks" value="">
Avatar billede webweaver Praktikant
14. november 2010 - 04:09 #14
Hvad mener du helt præcist med at få noget med fra linket af?
Du "går" jo ingen steder, da du selv har bedt om at siden ikke reloades? Hvad vil du gerne have "med"?
Avatar billede majbom Novice
14. november 2010 - 07:31 #15
sådan:

<script type="text/javascript" language="javascript"><!--

function ChgText(value)
{
    var MyElement = document.getElementById("tekstBoks");
    MyElement.value = "Min tekst her..."+value;
    return true;
}

//--></script>

<a href="#" onclick="ChgText('ekstra tekst')">Tekst</a>

<input type="text" size="30" name="varetitel" id="tekskBoks" value="">


?
Avatar billede askovdk Nybegynder
14. november 2010 - 11:03 #16
Ok super så er der ved at være styr på det :-)

Men jeg forstår ikke dit eksempel med <P istedet for <a

Jeg kan godt se ulæmpen ved <a , at der kommer # i url, men når jeg trykker på linket springer den også til toppen af siden :-(


har også prøvet at lave den med <p, men så er det ikke et link jeg kan trykke på mere ?
Avatar billede webweaver Praktikant
14. november 2010 - 12:18 #17
Det er ikke et link nej. Men du kan sagtens trykke på det alligevel skam. Og hvis du vil have det til at se ud som et link, bruger selvfølgelig bare CSS og giver lige netop den p samme style som andre links. Med hover og så videre. :-)
Avatar billede askovdk Nybegynder
14. november 2010 - 16:15 #18
Ja det virker skam :-) hvordan skal jeg styke så den ikke laver så mange linieskift imellem ?
Avatar billede webweaver Praktikant
14. november 2010 - 17:12 #19
Mange linieskift imellem?
Hvis du vil nedsætte mellemrummet mellem linierne, kan du i første omgang bruge <p style="margin: 0px">...
Avatar billede askovdk Nybegynder
15. november 2010 - 20:30 #20
Nu virker det, smid svar :) display inline var løsningen til at få det helt tæt
Avatar billede webweaver Praktikant
15. november 2010 - 20:50 #21
Det var godt at du fik det til at køre som ønsket :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester