לוגו אתר Fresh          
 
 
  אפשרות תפריט  ראשי     אפשרות תפריט  צ'אט     אפשרות תפריט  מבזקים     אפשרות תפריט  צור קשר     חץ שמאלה ‎print ‎"Hello World!"; if‎ ‎not rules.‎know ‎then rules.‎read(); חץ ימינה  

לך אחורה   לובי הפורומים > מחשבים > תכנות ובניית אתרים
שמור לעצמך קישור לדף זה באתרי שמירת קישורים חברתיים
תגובה
 
כלי אשכול חפש באשכול זה



  #1  
ישן 03-07-2017, 14:21
  דוכובניק דוכובניק אינו מחובר  
 
חבר מתאריך: 29.04.04
הודעות: 638
שינוי תמונת רקע ב div . באמצעות js?

שלום.
ברצוני לשנות תמונת רקע של div באופן דינמי. היינו, נתוני טופס של משתמש יחוללו שינוי ברקע המסך.ניסיתי לעשות כן ע"י קוד js אך המיומנות שלי ב js נמוכה ואולי אזכה כאן להרחבת אופקי.
הקוד הזה:
קוד:
<html lang = "en"> <head> <title>to-forum.html</title> <meta charset="utf-8" /> <style> .logo { width:1200px; height:300px; margin:auto; display: block; background-repeat:no-repeat; position:relative; border-radius: 25px; } </style> <script> function ChangeImage(param) { switch(param) { case '1': return("images/greensilver.gif"); break; case'2': return("images/greensilver1.gif"); break; } } </script> </head> <body> <div id="logo"> <script> document.getElementByClassName("logo").style.backgroundImage = "url('" + ChangeImage('1') + "')"; </script> </div> </body> </html>

לא העלה את התמונה המיוחלת. מישהו יכול ליעץ לי כיצד להעלות תמונה לפי פרמטר הנשלח לקובץ ג'אווהסקריפט. אם קיימת אפשרות לעשות כן ע"י
php או html או css
אשמח לאמץ אל חיקי כל הצעה כזו כי עם ג'ווסקריפט ממש לא מצליח לי כלום.
תודה
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #4  
ישן 03-07-2017, 19:24
צלמית המשתמש של Nati323
  משתמש זכר Nati323 Nati323 אינו מחובר  
 
חבר מתאריך: 25.10.05
הודעות: 1,508
בתגובה להודעה מספר 3 שנכתבה על ידי דוכובניק שמתחילה ב "לא בדיוק :-)"

דבר ראשון קוראים לפונקציה getElements ולא Element
דבר שני, ב html הזנת id ואתה מחפש לפי class אז זה לא ימצא
אם תזין class על ה div אתה תמצא

https://codepen.io/anon/pen/EXLNpq
אתה לא תראה תמונה כי התמונה לא קיימת על השרת, אבל אתה יכול לראות ב console שהוא מנסה להשיג אותה ומקבל 404

בכל מקרה, פעם הבאה תפתח console (f12->console) ותסתכל
השגיאה הראשונה שקפצה זה שאין פונקציה כזו (כי פספסת את ה s)
לאחר מכן, כיוון שזה מחזיר collection ולא אלמנט בודד אתה צריך לפנות לאלמנט הספציפי שאתה רוצה לשנות (לא ברור לי בכלל למה השתמשת ב class אם אתה רוצה להשיג אלמנט בודד)
_____________________________________
חתימתי העצומה בגודלה הוסרה ע"י השליט הבלתי מעורער שימי, למי שיש בעיה שיפנה אליו.


ד אַל תַּעַן כְּסִיל כְּאִוַּלְתּוֹ פֶּן תִּשְׁוֶה לּוֹ גַם אָתָּה. ה עֲנֵה כְסִיל כְּאִוַּלְתּוֹ פֶּן יִהְיֶה חָכָם בְּעֵינָיו

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #9  
ישן 04-07-2017, 08:37
  דוכובניק דוכובניק אינו מחובר  
 
חבר מתאריך: 29.04.04
הודעות: 638
בראש רשימת תוצאות החיפוש
בתגובה להודעה מספר 8 שנכתבה על ידי Nati323 שמתחילה ב "השנים יכולות להשכיח הרבה, למה..."

ניצבים קישורים ל w3schools ולטעמי הדוגמאות ב stackoverflow מלמדות יותר אך גם על אלה לא תמיד ניתן להסתמך.
הבעיה בלימוד מסודר שעד שאני קולט שפה אחת השאר משתכחות ממני לכן אני נאלץ לעשות הכל בעת ובעונה אחת.
לימוד בעשיה הוא הטוב ביותר ויש לו יתרון נוסף: אחר שבניתי בדי עמל דף כזה או אחר, בדפים הבאים יהיה לי משהו להתבסס עליו, כלומר, במרבית הפעולות שאזדקק להן בדפים בעתיד יהיו אלמנטים שאני כבר מנוסה בהם.
חסרון נוסף ללימוד "מסודר" שלומדים בו "הכל". כך אני מבזבז זמן ואיכסון בראש על מה שאין לי בו צורך מידי ועדיף לדעתי ללמוד כל דבר בעתו: כאשר אזדק לו.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
תגובה

כלי אשכול חפש באשכול זה
חפש באשכול זה:

חיפוש מתקדם
מצבי תצוגה דרג אשכול זה
דרג אשכול זה:

מזער את תיבת המידע אפשרויות משלוח הודעות
אתה לא יכול לפתוח אשכולות חדשים
אתה לא יכול להגיב לאשכולות
אתה לא יכול לצרף קבצים
אתה לא יכול לערוך את ההודעות שלך

קוד vB פעיל
קוד [IMG] פעיל
קוד HTML כבוי
מעבר לפורום



כל הזמנים המוצגים בדף זה הם לפי איזור זמן GMT +2. השעה כעת היא 15:29

הדף נוצר ב 0.06 שניות עם 10 שאילתות

הפורום מבוסס על vBulletin, גירסא 3.0.6
כל הזכויות לתוכנת הפורומים שמורות © 2024 - 2000 לחברת Jelsoft Enterprises.
כל הזכויות שמורות ל Fresh.co.il ©

צור קשר | תקנון האתר