Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript]Ominięcie interpretacji cudzysłowia przez przeglądarkę
Forum PHP.pl > Forum > Przedszkole
mowgli91
Witam.
Mam sobie taki kodzik w htmlu:

<img src="cośtam" onclick="Wstaw("<a href=""></a>")">

Po kliknięciu na obrazek wywoływana jest funkcja Wstaw() która wstawia argument do textarea (tak jak bbcode na forach). Tylko że jak mam href="" to przeglądarka traktuje cudzysłowy jako koniec atrybutu "onclick". Moje pytanie brzmi: co zrobić, żeby można było wstawiać cudzysłów do formularza?

Pozdrawiam.
b4x
  1. <img src="cośtam" onclick="Wstaw(/"<a href=""></a>")/">
erix
Nie w tę stronę slesze tongue.gif
mowgli91
Niestety nie działa żadna kombinacja ze slashami, znaki specjalnie też nie, bo w textarea nie są interpretowane sad.gif
b4x
@erix - a no pomyliło mi się, a sprawdzałem - i faktycznie tak czy siak nie działa, nawet ze sleshami ok

A może lepszym rozwiązaniem problemu byłoby np. jQuery, wtedy:

  1. $(document).ready(function() {
  2.  
  3. $('img[alt="obrazek1"]').click( function() {
  4.  
  5. var wstaw_costam = '<a href=""><\\a>';
  6. Wstaw(costam);
  7. });
  8.  
  9. });
  10. <img src="cośtam" alt="obrazek1" />
Fafu
  1. <script>function Wstaw(text) {
  2. document.getElementById("aha").innerHTML = text;
  3. }</script>
  4. <a onclick="Wstaw('<a href='asd'>asd</a>')">asd</a>
  5. <textarea id="aha"></textarea>
Skie
A nie prościej tak?:

Kod
<img src="cośtam" onclick="Wstaw(\"<a href=''></a>\")">


Żaden slash się nie powtarza - musi działać.
mowgli91
A czy w HTML są dozwolone apostrofy?
viking
Tak.
Fafu
Skie, twój przykład nie działa.

Jeśli chcesz zeby ci dodawało
<a href="asd">asd</a>

To łap:
  1. <script>function Wstaw(text) {
  2. document.getElementById("aha").innerHTML = text;
  3. }</script>
  4. <a onclick='Wstaw("<a href=\"asd\">asd</a>")'>asd</a>
  5. <textarea id="aha"></textarea>


Ale to zupełnie to samo co u góry tylko zmieniłem miejsami apostrofy i cudzysłowy winksmiley.jpg
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.