שלח תשובה

זירת השאלות

347
צפיות
17
תשובות

יצירת תיבת טקסט עם אפשרויות עריכה

,‏ 12 ביוני, 2006

ניסיתי להשתמש במדריך http://www.webmaster.org.il/article.asp?id=173…
אבל נתקלתי בבעיה, לא הצלחתי לשלב בין הdiv בו כתבתי ועיצבתי את הטקסט לבין תיבת הטקסט..

מישהו יודע איך משלבים?

תגיות:

17 תשובות

  1. בניה הגיב:

    יש לך ידע בJS?
    ב"ה

    תכין תא טופס hidden ולפני השליחה של הטופס תכניס את התוכן של העורך לתא הזה.

  2. SuperDragon הגיב:

    אבל השאלה היא איך
    איך אני מכניס את התוכן של העורך לתא הזה?

  3. בניה הגיב:

    נגיד לDIV של העורך יש id=editor
    ב"ה

    ולתא בטופס יש id=mytext


    document.getElementById("mytext").value=document.getElementById("editor").value

  4. SuperDragon הגיב:

    תודה, אבל ניסיתי וזה כותב שיש בעיה
    ניסיתי וזה כתב:
    undefined

  5. SuperDragon הגיב:

    שכחתי לציין עוד פרט חשוב
    שכחתי לציין עוד פרט, שנראה לי חשוב.

    זה כותב את:
    undefined

    בתוך התיבת טקסט…

  6. shlomolol הגיב:

    תעלה לכאן את הקוד
    הרלוונטי בלבד

  7. SuperDragon הגיב:

    הקוד של הקובץ


    <Html>
    <head>

    <script language="javascript">

    function Docommand(eCommandname)
    {
    document.getElementById(‘editor’).focus();
    document.execCommand(eCommandname);
    document.getElementById(‘editor’).focus();
    document.getElementById("mytext").value=document.getElementById("editor").value;
    }

    </script>
    </head>
    <body>
    <span onclick="Docommand(‘bold’)">Bold</span>
    |
    <span onclick="Docommand(‘Underline’)">Underline</span>
    |
    <span onclick="Docommand(‘Italic’)">Italic</span>
    |
    <span onclick="Docommand(‘StrikeThrough’)">StrikeThrough</span>
    |
    <span onclick="Docommand(‘createlink’)">Link</span>
    |
    <select onchange="document.getElementById(‘editor’).focus();document.execCommand(‘forecolor’,false,this[this.selectedIndex].value);document.getElementById(‘editor’).focus()">
    <option value="black">שחור</option>
    <option value="blue">כחול</option>
    <option value="red">אדום</option>
    <option value="green" >ירוק</option>

    </select>
    |
    <select onchange="document.getElementById(‘editor’).focus();document.execCommand(‘Fontsize’,false,this[this.selectedIndex].value);document.getElementById(‘editor’).focus()">
    <option value="1">קטן מאוד</option>
    <option value="2">קטן</option>

    </select>
    <br>
    <div contenteditable=true style="border:1px solid black" id="editor"></div>

    <br>
        <Form method="post" action="test.php">
          <textarea id="mytext"></textarea>
          <input type="submit" value="שלח">
          <input type="reset" value="אפס">
        </Form>
    </body>
    </html>

    זה הקוד של העמוד..

  8. shlomolol הגיב:

    תקן את השורה הזאת


    document.getElementById("mytext").value=document.getElementById("editor").innerHTML;

  9. SuperDragon הגיב:

    תודה רבה
    מזה תודה.. סוף סוף זה עובד לי…

    ודרך אגב,
    ישנה דרך לעשות שלא יראו את התיבה שבה הקוד HTML, אלא, יהיה בעורך כפתור שבחליצה עליו יוצג הקוד HTML במקום העורך(וכפתור שיחזיר מהHTML לעורך)?

    תודה מראש,
    ושוב תודה רבה על זה שתיקנת לי את זה…

  10. shlomolol הגיב:

    יש אפשרות
    תוסיף את השורות הבאות לקוד שלך

    var mode = 0;
    function cMode()
    {
        if(!mode)
            document.getElementById("editor").innerText = document.getElementById("editor").innerHTML;
        else
            document.getElementById("editor").innerHTML = document.getElementById("editor").innerText;    

        mode = !mode;
    }


    בשורת הכפתורים תוסיף:

    <span onclick="cMode();">mode</span>

    ואת השורה הבעייתית ממקודם תמחוק. בהצלחה

  11. SuperDragon הגיב:

    עשתי את זה אבל
    עשתיתי את זה ומחקתי את:

    document.getElementById("mytext").value=document.getElementById("editor").innerHTML;

    ואיך אני עושה שהDIV יעשה את הפעולה של התיבת טקסט..(כלומר שאת מה שכתבתי בעורך אני יוכל לשלוח למשל לשרת..{מבחינת HTML})??

    תודה רבה מראש..

  12. SuperDragon הגיב:

    תודה אבל.. עוד שאלה אחרונה
    מישהו אולי יודע,
    איך אני עושה שהDIV יעשה את הפעולה של התיבת טקסט..(כלומר שאת מה שכתבתי בעורך טקסט אני יוכל לשלוח למשל לשרת..{מבחינת הHTML})??

  13. shlomolol הגיב:

    שים את התוכן של הDIV במשתנה "היידן"

  14. SuperDragon הגיב:

    type=hidden
    ניסיתי לשים את הקוד שבכותרת(אם לזה התקוונת) וזה לא ממש עבד…

    בתודה מראש, SD

  15. SuperDragon הגיב:

    התכוונת ל type=hidden
    אם התכוונת לtype=hidden, אז ניסיתי וזה לא עובד..

  16. shlomolol הגיב:

    קודם כל, תסביר את עצמך כמו שצריך.
    ודבר שני, נראה שחסר לך הרבה רקע ב HTML וב JS.
    אני מציע לך לקרוא בעיון את המדריכים באתר. ולא לשאול על כל פיפס איך עושים.
    לשאלתך, ככה:

    <div id="dd">kdjfh dkjf fdkj kjfdh jkdfh kjfdhg jkfdhg jkfh</div>
    <input type=hidden id="hh" name="hh">
    <script type="text/javascript">
    document.getElementById("hh").value = document.getElementById("dd").innerHTML;
    </script>

  17. SuperDragon הגיב:

    HTML אני יודע
    HTML אני יודע מצויין…
    JS לא ממש..

שלח תשובה

חדש! אחסון אתרים של וובמאסטר

שירות אחסון אתרים
המקצועי של וובמאסטר!

מומחים באירוח אתרי
WordPress, Joomla, Drupal

  • שרתי לינוקס עם CloudLinux, LiteSpeed
  • 1GB דיסק SSD, 10GB תעבורה חודשית
  • ממשק ניהול cPanel, תעודת SSL חינם

עכשיו במחיר היכרות:
רק 420 ש"ח לשנה!