שלח תשובה

זירת השאלות

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

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

,‏ 12 ביוני, 2006

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

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

תגיות:

17 תשובות

  1. בניה הגיב:
    13 ביוני, 2006 בשעה 2:59 pm

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

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

  2. SuperDragon הגיב:
    13 ביוני, 2006 בשעה 6:11 pm

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

  3. בניה הגיב:
    13 ביוני, 2006 בשעה 7:24 pm

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

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


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

  4. SuperDragon הגיב:
    13 ביוני, 2006 בשעה 7:31 pm

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

  5. SuperDragon הגיב:
    13 ביוני, 2006 בשעה 9:18 pm

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

    זה כותב את:
    undefined

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

  6. shlomolol הגיב:
    13 ביוני, 2006 בשעה 11:49 pm

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

  7. SuperDragon הגיב:
    14 ביוני, 2006 בשעה 2:28 pm

    הקוד של הקובץ


    <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 הגיב:
    14 ביוני, 2006 בשעה 8:02 pm

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


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

  9. SuperDragon הגיב:
    14 ביוני, 2006 בשעה 10:13 pm

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

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

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

  10. shlomolol הגיב:
    15 ביוני, 2006 בשעה 1:20 am

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

    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 הגיב:
    15 ביוני, 2006 בשעה 1:54 pm

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

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

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

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

  12. SuperDragon הגיב:
    16 ביוני, 2006 בשעה 4:56 pm

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

  13. shlomolol הגיב:
    17 ביוני, 2006 בשעה 8:54 pm

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

  14. SuperDragon הגיב:
    18 ביוני, 2006 בשעה 2:16 pm

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

    בתודה מראש, SD

  15. SuperDragon הגיב:
    19 ביוני, 2006 בשעה 8:24 pm

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

  16. shlomolol הגיב:
    20 ביוני, 2006 בשעה 1:25 am

    קודם כל, תסביר את עצמך כמו שצריך.
    ודבר שני, נראה שחסר לך הרבה רקע ב 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 הגיב:
    20 ביוני, 2006 בשעה 4:31 pm

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

שלח תשובה

הכנס כדי לשלוח תשובה