Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Dodawanie i usuwanie edytora nicedit
Roon
post
Post #1





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 9.08.2010

Ostrzeżenie: (0%)
-----

Witam. Skrypt poniżej działa poprawnie dla textarea jednak chciałbym aby działał dla elementów z odpowiednią klasą lub id np: <div class="edytuj"...

Nie jestem w stanie sam tego zmienić. Jeżeli byłoby to zbyt czasochłonne to mogę zapłacić za pomoc. Z góry dziękuję.

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2.     <html>
  3.     <head>
  4.         <meta charset = "utf-8">
  5.  
  6.         <title></title>
  7.  
  8.         <script src = "http://js.nicedit.com/nicEdit-latest.js"></script>
  9.  
  10.         <script>
  11.             window.onload = function () {
  12.                 var body = document.body;
  13.                 body.addEventListener ("click", function (event) {
  14.                     var target = event.target;
  15.  
  16.                     if (target.nodeName === "TEXTAREA") {
  17.                         var area = new nicEditor ({fullPanel : true}).panelInstance (target);
  18.  
  19.                         area.addEvent ("blur", function () {
  20.                             this.removeInstance (target);
  21.                         });
  22.                     }
  23.                 }, false);
  24.             }
  25.         </script>
  26.  
  27.         <style>
  28.             textarea {
  29.                 height: 100px;
  30.                 margin-bottom: 20px;
  31.                 width: 1000px;
  32.             }
  33.         </style>
  34.     </head>
  35.  
  36.     <body>
  37.  <textarea>text</textarea> <textarea>text</textarea>
  38.     </body>
  39. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Roon
post
Post #2





Grupa: Zarejestrowani
Postów: 9
Pomógł: 0
Dołączył: 9.08.2010

Ostrzeżenie: (0%)
-----

Pod chrome i firefoxem jest tak samo. Działa poprawnie w przypadku textarea o określonej klasie ale w przypadku innych elementów już nie.
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2.     <html>
  3.     <head>
  4.     <meta charset = "utf-8">
  5.  
  6.     <title></title>
  7.  
  8.     <script src = "http://js.nicedit.com/nicEdit-latest.js"></script>
  9.  
  10.     <script>
  11.     window.onload = function () {
  12.     var body = document.body;
  13.     body.addEventListener ("click", function (event) {
  14.     var target = event.target;
  15.  
  16.    if (target.className == "klasa") {
  17.     var area = new nicEditor ({fullPanel : true}).panelInstance (target);
  18.  
  19.     area.addEvent ("blur", function () {
  20.     this.removeInstance (target);
  21.     });
  22.     }
  23.     }, false);
  24.     }
  25.     </script>
  26.  
  27.     <style>
  28.     textarea {
  29.     height: 100px;
  30.     margin-bottom: 20px;
  31.     width: 1000px;
  32.     }
  33. 	.klasa {
  34.     height: 100px;
  35.     margin-bottom: 20px;
  36.     width: 1000px;
  37.     }
  38.     </style>
  39.     </head>
  40.  
  41.     <body>
  42.     <textarea class="klasa">text</textarea> <textarea class="klasa">text</textarea> <textarea>text2</textarea><div class="klasa">tekst</div><div class="klasa">tekst</div><p class="klasa">tekst</p>
  43.     </body>
  44.     </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- Roon   Dodawanie i usuwanie edytora nicedit   25.06.2012, 14:52:04
- - viking   Kluczem oczywiście jest linia if (target.nodeName ...   25.06.2012, 15:10:30
- - Roon   Problem w tym, że nie mam pojęcia jak się za to za...   25.06.2012, 17:02:31
- - kamil4u   Cytatif (target.nodeName === "TEXTAREA")...   25.06.2012, 17:24:48
- - Roon   Edytor jest dodawany poprawnie ale nie jest usuwan...   25.06.2012, 17:50:08
- - kamil4u   Pod jaką przeglądarką? Pod Chrome wydaje się ok. P...   25.06.2012, 18:19:04
- - Roon   Pod chrome i firefoxem jest tak samo. Działa popra...   25.06.2012, 18:53:37
- - kamil4u   A jak div może mieć zdarzenie blur? W ogóle użyj ...   25.06.2012, 19:43:23
- - Roon   Znalazłem prostszy sposób. Nie wiem tylko jak doda...   26.06.2012, 18:04:20
- - kamil4u   To nie jest prostszy sposób. Użyj tego co dałem w ...   26.06.2012, 18:24:44
- - Roon   Już sobie poradziłem ale dzięki za pomoc.   26.06.2012, 18:41:06

« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 22.08.2025 - 14:32
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn