שלח תשובה

זירת השאלות

557
צפיות
18
תשובות

איך ניגשים לJS דרך מסמך הCSS??

,‏ 24 במאי, 2005

שלום
העתקתי סקריפט SlideShow (ג'אווה סקריפט, תמונות זזות כאלה) וכעת אני רוצה להגדיר לו כמה דברים בCSS…איך אני ניגש לSlideShow דרך הCSS?? ניסיתי לקבוע ID לSlideShow עם Div ID שורה לפני שמתחיל הסקריפט ואז במסמך הCSS לנסות להגדיר את הID שקבעתי אבל זה לא עבד…
למישהו יש רעיון?

תודה מראש,
יוני

תגיות:

18 תשובות

  1. BINI הגיב:

    שאלה נוספת (הסתדרתי עם הקודמת)
    לגבי השאלה הקודמת עשיתי לSlideShow פריים משלה, ואז בCSS התייחסתי לכל הפריים מה שתפס גם לגבי הSlideShow כמובן.
    השאלה השנייה שלי היא אם יש לי הקוד הבא, למה השדות קלט יורדים לשורה שאחרי ולא נשארים באותה השורה? לא כתבתי <br> ולא כלום אז למה זה קורה?:

      <form name="ClubForm" method="get">
        <table border=1>
          <tr>
            <td><h3>הרשמה למועדון הלקוחות</h3</td>
          </tr>
          <tr>
            <td><h5>פרטי העסק</h5></td>
          </tr>
          <tr>
            <td><div id="ContactUsText">שם העסק</div><div id="clubInput"><input type="text" name="buisnessName"></div></td>
          </tr>
          <tr>
            <td><div id="ContactUsText">שם בעל העסק</div><div id="clubInput"><input type="text" name="buisnessOwner"></div></td>
          </tr>
          <tr>
            <td><div id="ContactUsText">דואר אלקטרוני</div><div id="clubInput"><input type="text" name="email"></div></td>
          </tr>
          <tr>
            <td><div id="ContactUsText">טלפון</div><div id="clubInput"><input type="text" name="Phone"></div></td>
          </tr>
          <tr>
            <td><h5>פרטים אישיים (אופציונלי)</h5></td>
          </tr>
          <tr>
            <td><div id="ContactUsText">תאריך לידה</div><div id="clubInput"><input type="text" name="birthday"></div></td>
          </tr>
          <tr>
            <td ><div id="ContactUsText">מס' עובדים בעסק</div><div id="clubInput"><input type="text" name="employeeNum"></div></td>
          </tr>
          <tr>
          
          <td><a href="" onclick="FormChecker();"><div id="image2"><img border="0" src="imagesSend.gif"></div></a></td>
          </tr>
        </table>
      </form>  

    לגבי אופן הצגת השאלה לא ממש הבנתי מה הבעיה…

    תודה מראש,
    יוני

  2. Silver Strike הגיב:

    דבר ראשון, יש קישור בראש הפורום….
    "לחץ כאן כדי לקרוא כיצד להציג שאלות". תקרא ותיישם.
    דבר שני, אתה עוטף את שדות הקלט ב-div. שבהגדרה שלו הוא אלמנט מסוג בלוק (יש לו ירידת שורה, לפניו ואחריו).

  3. BINI הגיב:

    אני חייב לעטוף אותם בDIV
    כי לפי הID שלהם אני מתייחס אליהם במסמך הCSS

  4. somebody הגיב:

    אז תעטוף ב span אין לא ירידת שורה.

  5. Silver Strike הגיב:

    למה לא להוסיף ID לשדה הקלט עצמו?
    …וכן

  6. BINI הגיב:

    לא עובד לי לא הspan id ולא input id
    כתבתי ככה (יכול להיות שהבעיה במסמך הCSS כשאני עדיין מציין לפני הערכים # ובעצם בspan צריך לעשות זאת אחרת?…):

      <form name="ClubForm" method="get">
        <table border=1>
          <tr>
            <td><h3>הרשמה למועדון הלקוחות</h3</td>
          </tr>
          <tr>
            <td><h5>פרטי העסק</h5></td>
          </tr>
          <tr>
            <td><span id="ContactUsText">שם העסק</span><span id="clubInput"><input type="text" name="buisnessName"></span></td>
          </tr>
          <tr>
            <td><span id="ContactUsText">שם בעל העסק</span><span id="clubInput"><input type="text" name="buisnessOwner"></span></td>
          </tr>
          <tr>
            <td><span id="ContactUsText">דואר אלקטרוני</span><span id="clubInput"><input type="text" name="email"></span></td>
          </tr>
          <tr>
            <td><span id="ContactUsText">טלפון</span><span id="clubInput"><input type="text" name="Phone"></span></td>
          </tr>
          <tr>
            <td><h5>פרטים אישיים (אופציונלי)</h5></td>
          </tr>
          <tr>
            <td><span id="ContactUsText">תאריך לידה</span><span id="clubInput"><input type="text" name="birthday"></span></td>
          </tr>
          <tr>
            <td ><span id="ContactUsText">מס' עובדים בעסק</span><span id="clubInput"><input type="text" name="employeeNum"></span></td>
          </tr>
          <tr>
          
          <td><a href="" onclick="FormChecker();"><span id="image2"><img border="0" src="imagesSend.gif"></span></a></td>
          </tr>
        </table>
      </form>  

  7. Silver Strike הגיב:

    1. ישר קוד לשמאל….
    2. לא יכול להיות לך יותר מ-ID אחד (עם אותו השם) בדף. אתה יכול להשתמש ב-class.

  8. BINI הגיב:

    מזותומרת לא יכול להיות יותר מID אחד
    בDIV שמתי הרבה IDים ולא היתה שום בעיה (לןץ ממעבר השורה). האם זו בעיה הייחודית לתגית span?? ואולי תוכל לפרט קצת לגבי הCALSS הזה…

  9. Silver Strike הגיב:

    זו לא בעיה של span….
    לא יכולים להיות שני אלמנטים בעלי הגדרת ID (באותו הדף) עם אותו השם.
    class אתה מגדיר בדיוק כמו ID, ואתה מפנה אליו (ב-CSS) עם נקודה לפני ההגדרה, לדוגמא: className.

  10. BuildHome הגיב:

    תגדיר מה שצריך
    תגדיר margin:0 ל-div על מנת לבטל את הירידת שורה האוטומטית (הוא אלמנט block).
    <div style="margin:0;">טקסט</div>

    וקרא כיצד מציגים שאלה – דחוף.

  11. BINI הגיב:

    גם ההגדרת סטייל לא עובדת…
    כתבתי כך:


            <td><div id="ContactUsText">שם העסק</div><div id="clubInput" style="margin:0;"><input type="text" name="buisnessName"></div></td>

    לגבי שאר הדברים שהוזכרו אנא פרטו יותר אני קצת חדש בעסק ולא ממש מבין על מה אתם מדברים…

    נ.ב
    אעדיף לפתור הבעיה תוך שמירה על תגית DIV אבל לא חובה

  12. BuildHome הגיב:

    תצטרך ללמוד כדי להבין
    זה ידע בסיסי ביותר. יש מדריכים מעולים באתר ללמידה.

    נסה להעביר את ה-ID לתגית ה-TD. אין צורך להשתמש ב-DIV כפתרון.

    בנוסף, התכוונתי לכל תגית DIV יש לשים margin:0.

  13. BINI הגיב:

    גם לא עובד…:(
    בTD יש שתי אלמנטים כך שגם אם היה עובד (ולא עובד) הייתי צריך להגדיר שתי IDים.
    לגבי מה שאמרת לשים לכל DIV margin:0 זה גם לא עובד…
    תראו אני לא יודע אם זה מקובל, אבל הייתי רוצה לבקש שמישהו יפתור לי את הבעיה באחד מהתאים בטבלה ולפי הפתרון איישם זאת בשאר התאים. אתם פשוט מסבכים אותי, ואני לחוץ בזמן עם האתר.
    זה קוד המקור:


    <form name="ClubForm" method="get">
        <table border=0>
          <tr>
            <td><h3>הרשמה למועדון הלקוחות</h3</td>
          </tr>
          <tr>
            <td><h5>פרטי העסק</h5></td>
          </tr>
          <tr>
            <td><div id="ContactUsText">שם העסק<div id="clubInput"><input type="text" name="buisnessName"></div></td>
          </tr>
          <tr>
            <td><div id="ContactUsText">שם בעל העסק</div><div id="clubInput"><input type="text" name="buisnessOwner"></div></td>
          </tr>
          <tr>
            <td><div id="ContactUsText">דואר אלקטרוני</div><div id="clubInput"><input type="text" name="email"></div></td>
          </tr>
          <tr>
            <td><div id="ContactUsText">טלפון</div><div id="clubInput"><input type="text" name="Phone"></div></td>
          </tr>
          <tr>
            <td><h5>פרטים אישיים (אופציונלי)</h5></td>
          </tr>
          <tr>
            <td><div id="ContactUsText">תאריך לידה</div><div id="clubInput"><input type="text" name="birthday"></div></td>
          </tr>
          <tr>
            <td ><div id="ContactUsText">מס' עובדים בעסק</div><div id="clubInput"><input type="text" name="employeeNum"></div></td>
          </tr>
          <tr>
          
          <td><a href="" onclick="FormChecker();"><div id="image2"><img border="0" src="imagesSend.gif"></div></a></td>
          </tr>
        </table>
      </form>  

    תודה,
    יוני

  14. BINI הגיב:

    סליחה זה הקוד


      <form name="ClubForm" method="get">
        <table border=0>
          <tr>
            <td><h3>הרשמה למועדון הלקוחות</h3</td>
          </tr>
          <tr>
            <td><h5>פרטי העסק</h5></td>
          </tr>
          <tr>
            <td><div id="ContactUsText">שם העסק</div><div id="clubInput"><input type="text" name="buisnessName"></div></td>
          </tr>
          <tr>
            <td><div id="ContactUsText">שם בעל העסק</div><div id="clubInput"><input type="text" name="buisnessOwner"></div></td>
          </tr>
          <tr>
            <td><div id="ContactUsText">דואר אלקטרוני</div><div id="clubInput"><input type="text" name="email"></div></td>
          </tr>
          <tr>
            <td><div id="ContactUsText">טלפון</div><div id="clubInput"><input type="text" name="Phone"></div></td>
          </tr>
          <tr>
            <td><h5>פרטים אישיים (אופציונלי)</h5></td>
          </tr>
          <tr>
            <td><div id="ContactUsText">תאריך לידה</div><div id="clubInput"><input type="text" name="birthday"></div></td>
          </tr>
          <tr>
            <td ><div id="ContactUsText">מס' עובדים בעסק</div><div id="clubInput"><input type="text" name="employeeNum"></div></td>
          </tr>
          <tr>
          
          <td><a href="" onclick="FormChecker();"><div id="image2"><img border="0" src="imagesSend.gif"></div></a></td>
          </tr>
        </table>
      </form>

שלח תשובה