WN - Förvandla text till textbox (jQuery)

Sidan 1 av 2

Visa 40 inlägg från det här ämnet på en sida

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - Förvandla text till textbox (jQuery) (https://www.wn.se/forum/showthread.php?t=1045185)

mojitoo

2010-12-02 22:29

Förvandla text till textbox (jQuery)

Hej!

Ni har säkert stött på lösningarna där man kan klicka på en text för att den ska bli en textbox. Om ni har missat detta så testa att klicka någonstans i följande tabell: http://andrewplummer.com/demos/tablegear/

Jag har letat febrilt på Internet efter en lösning för detta via jQuery men det närmsta jag har har kommit är hur man lägger in en text i textboxen.

Så därför undrar jag om någon av er skulle kunna vara vänlig att hjälpa mig med denna lösning.

Det jag är ute efter är alltså att en text. Exempelvis namn: James Bomd

Så vill jag när man klickar på James bond att den förvandlas till en textbox som det står James Bond i. Jag antar att någon av er har skapat en sådan lösning och jag skulle bli riktigt glad om någon av er kunde hjälpa mig med detta.

Magnus_A

2010-12-02 22:32

Du har både text och textbox med text i bredvid varandra, sen är det bara att visa den ena och dölja den andra.
Sen måste du se till att du uppdaterar texten med det som står i textboxen vid blur.

Syke	2010-12-03 14:19

eller så kan man skriva jquery koden som gör att när man klickar på texten omsluts den av textarea-element?

youheardit

2010-12-03 15:08

HTML:

Kod:

<div style="width: 120px; height: 30px;">

<div id="selector">James Bond</div>

<input type="text id="textinput" style="width: 120px; height: 30px;" style="display: none;" />

</div>

jQuery

Kod:

$(document).ready(function(){



   $("#selector").click(function(){

         

           $("#textinput").val() = $("#selector").html();

           $("#textinput").show(); $("#selector").hide();

          

    })



});

Clarence

2010-12-03 17:49

Det finns gott om plugins till jquery som är desto mer flexibla och färdiga än youheardit:s kod. T ex Jeditable - http://www.appelsiini.net/projects/jeditable

mojitoo

2010-12-03 17:49

Tack så mycket men hur märker jag om jag är utanför boxen igen?

För jag vill att den återgår till vanlig text om man klickar någon annanstans på sidan. För det känns inte som att jag kan göra en click(function) då eller? Jag vet åtminstone inte vad jag skulle sätta den på.

mojitoo

2010-12-03 17:50

Citat:

Ursprungligen postat av Clarence (Inlägg 20381229)

Det finns gott om plugins till jquery som är desto mer flexibla och färdiga än youheardit:s kod. T ex Jeditable - http://www.appelsiini.net/projects/jeditable

Tack, ska kolla även denna.

taz76

2010-12-05 23:23

Finns massa färdiga lösningar också :)

http://plugins.jquery.com/plugin-tags/editable

allstars

2010-12-06 08:16

Citat:

Ursprungligen postat av mojitoo (Inlägg 20381230)

blur heter det eventet när man lämnar focus på elementet, men det kanske finns andra sätt också.

martine

2010-12-06 17:10

Låter lite överflödigt att använda jQuery till en så enkel sak (som utan vidare går att göra med javascript). Men, visst är det så man vill göra så...

Alla tider är GMT +2. Klockan är nu 07:52.

Sidan 1 av 2

Visa 40 inlägg från det här ämnet på en sida