--- title: "Ta fram titlen på vald bild" type: "forum-thread" url: "https://www.webforum.nu/amne/javascript/185773-ta-fram-titlen-på-vald-bild" topic: "JavaScript" topic_url: "https://www.webforum.nu/amne/javascript" author: "bikic" published: "2011-01-15T20:32:04.000Z" updated: "2011-01-17T09:56:13.000Z" replies: 26 views: 2301 page: 1 pages: 2 language: "sv-SE" site: "webForum — webforum.nu" rights: "Upphovsrätten till varje inlägg tillhör dess författare." attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/185773-ta-fram-titlen-på-vald-bild" --- # Ta fram titlen på vald bild _Sida 1 av 2._ ## #1 — bikic, 2011-01-15T20:32Z Hej! Jag skulle behöva ha hjälp med en sak. Jag listar alla bilder rakt upp och ner. Varje bild har en egen titel, filnamn och id. Alla bilder har också classnamnet "selectImage" för att trigga igång en jqueryfunktion. ``` $(".selectImage").click(function() { jQuery.fn.extend({ insertAtCaret: function(myValue){ return this.each(function(i) { this.value += $(".selectImage").attr("title"); this.focus(); }) } }); $(".editor").insertAtCaret('test'); $.fn.colorbox.close(); return false; }); ``` Problemet med ovanstående kod är att den hela tiden hämtar samma titel och det är från den första bilden. Hur kan jag göra så att den hämtar titeln på den bild jag klickat på? Tacksam för svar! Permalänk: https://www.webforum.nu/p/185773 ## #2 — tronez, 2011-01-16T10:15Z Prova ändra raden ``` this.value += $(".selectImage").attr("title"); ``` till ``` this.value += $(this).attr("title"); ``` Permalänk: https://www.webforum.nu/p/2266398 ## #3 — voigtann1, 2011-01-16T11:17Z Inte för att vara sån, men varför extend:ar du jquery på ett click event? Permalänk: https://www.webforum.nu/p/2266403 ## #4 — bikic, 2011-01-16T11:53Z tronez: den ger inget värde alls. voigt: det är först efter klicket som jag vill köra funktionen. Hur kan vi hitta en lösning då? Permalänk: https://www.webforum.nu/p/2266405 ## #5 — voigtann1, 2011-01-16T12:06Z att extenda jquery på det sättet känns rätt så fel, sen vet jag inte var du har fått koden ifrån, men du använder på fel sätt känns det som. ``` $(".selectImage").click(function() { var value = ""; $(".selectImage[title]").each(function() { value+=$(this).attr("title"); }); $(".editor").val(value).focus(); return false; }); ``` Utan att ha en susning om vad du har för element på .editor Permalänk: https://www.webforum.nu/p/2266407 ## #6 — bikic, 2011-01-16T12:21Z Voigt: ditt exempel gav mig alla titlar, jag vill bara ha den man klickar på. Samtliga bilder har också ett unikt id om man nu kan använda detta för att ta reda på vilken titel man vill åt. tack för hjälpen! uppskattas verkligen Permalänk: https://www.webforum.nu/p/2266410 ## #7 — voigtann1, 2011-01-16T12:23Z Du förklarar rätt dåligt måste jag säga ;) Vad vill du göra? Skall den bygga ut strängen som finns på .editor hela tiden eller skall den ersätta hela värdet? ``` $(".selectImage").click(function() { var value = $(".editor").val() + $(this).attr("title"); $(".editor").val(value).focus(); $.fn.colorbox.close(); return false; }); ``` Eller om du skall kunna toggle på vilka bilder som skall vara valda: ``` $(".selectImage").click(function() { var editor = $(".editor"), $(this).classToggle("addImage"), value = ""; $(".selectImage[title].addImage").each(function() { value+=$(this).attr("title"); }); editor.val(value).focus(); $.fn.colorbox.close(); return false; }); ``` Permalänk: https://www.webforum.nu/p/2266411 ## #8 — bikic, 2011-01-16T12:47Z Okej, jag ska försöka förklara bättre. Jag har en lista som visas efter det att man klickat upp en dialogruta. I denna listan finns alla uppladdade bilder på servern. När man klickar på en av bilderna så ska den infoga bildens filnamn i textarean (dvs. klassnamnet "editorn"). Efter den har infogat filnamnet i textarean så stänger den dialogrutan ($.fn.colorbox.close();) Allt fungerar bra bara det att den hämtar första bildens titel från listan och inte den jag faktiskt klickar på. Permalänk: https://www.webforum.nu/p/2266413 ## #9 — bikic, 2011-01-16T12:49Z Det funkade med ditt första alternativ i inlägg 7. Tackar! Permalänk: https://www.webforum.nu/p/2266414 ## #10 — bikic, 2011-01-16T12:50Z Jag vill dock att den placerar bildens filnamn där musmarkören är, det fungerar inte nu. Permalänk: https://www.webforum.nu/p/2266415 ## #11 — voigtann1, 2011-01-16T12:52Z > **[bikic skrev:](https://www.webforum.nu/p/1527363)** > > Jag vill dock att den placerar bildens filnamn där musmarkören är, det fungerar inte nu. Var kommer filnamnet ifrån då? Finns inget sådan kod i ditt exempel. Är det i title? Vad är det för element du kör med? Permalänk: https://www.webforum.nu/p/2266416 ## #12 — bikic, 2011-01-16T12:58Z filnamnet ligger i titelattributen. \bild\ Permalänk: https://www.webforum.nu/p/2266417 ## #13 — voigtann1, 2011-01-16T12:59Z bild är det en img element? Eller text? title bör fungera. Permalänk: https://www.webforum.nu/p/2266418 ## #14 — bikic, 2011-01-16T13:10Z bilden är en img element Permalänk: https://www.webforum.nu/p/2266419 ## #15 — voigtann1, 2011-01-16T13:14Z sätt alt text som är samma som din title Permalänk: https://www.webforum.nu/p/2266422 ## #16 — bikic, 2011-01-16T13:23Z Hur får jag den infogna texten att hamna där musmarkören befinner sig i textarean då? Permalänk: https://www.webforum.nu/p/2266423 ## #17 — voigtann1, 2011-01-16T14:37Z Vilken textarea? .editor? Sätt en title på den. Permalänk: https://www.webforum.nu/p/2266428 ## #18 — bikic, 2011-01-16T19:05Z precis, i textarean med klassen .editor. Vad menar du med sätt title på den? Permalänk: https://www.webforum.nu/p/2266441 ## #19 — voigtann1, 2011-01-16T19:17Z ``` ``` Som man gör med de flesta html element. Permalänk: https://www.webforum.nu/p/2266442 ## #20 — bikic, 2011-01-16T20:07Z Varför ska jag ha en titletag på min textarea? Har aldrig haft detta och har klarat mig bra. Men vad har det med att jag vill få den infogade texten där min musmarkör är? Permalänk: https://www.webforum.nu/p/2266446 --- Tråden på webben: https://www.webforum.nu/amne/javascript/185773-ta-fram-titlen-på-vald-bild Nästa sida: https://www.webforum.nu/amne/javascript/185773-ta-fram-titlen-på-vald-bild/page2.md