-
שלום וברכה...
יש לי קובץ HTML עם סקריפט, יש לי צורך להטמיע את הקוד בכמה עמודים באתר בעיצובים שונים (שינוי רק מבחינת ה CSS) , יהיה קשה לעדכן כל קובץ בנפרד.
יש דרך לעשות שכל העמודים יקבלו אותו HTML וסקריפט, אבל יקבלו CSS שונים?
תודה רבה...
-
@מורשת-מרן
תגדיר בכל דף מאיפה הוא יקבל את ה css ככה:<link rel="stylesheet" href="/css/mystyle.css">
-
@ivrtikshoret
יש לי בעיה איך לגרום לשנות את ה HTML והוא ישתנה בכל העמודים למרות שכל אחד מהם הוא CSS אחר. -
@מורשת-מרן הבעיה שלך מסקרנת, למה זה חייב להיות HTML זהה?
אבל אם נניח את סקרנותי בצד אתה יכול- לשים אותם בתיקיות שונות ואז שהCSS עם אותו שם באותה תיקיה עם הפניה יחסית,
- לטעון את הסטייל עם סקריפט בהתאם לשם הדף/נתיב נוכחי (זה יעבוד פחות טוב).
-
@מורשת-מרן אתה יכול בJS לשנות כמה דברים:
- להוסיף קובץ סגנון:
function addCss(url) { var link = document.createElement("link"); link.type = "text/css"; link.rel = "stylesheet"; link.href = url; document.head.appendChild(link); } addCss(location.pathname.replace('/', '_') + '.css'); -
להוסיף class בbody ואז בקובץ הסגנון לתלות הכל לפי הקלאס הזה:
document.body.classList.add(location.pathname.replace('/', '_'));
אולי תשתמש עם דינמיות צד שרת וזה יחסוך לך את כל הבעיה.
-
@מורשת-מרן מה הכתובת של הדפים השונים, תן דוגמא לשני כתובות שאתה רוצה שיביאו את אותו הדף בסגנונות שונים
כתובת אני מתכוון החל מה/ שאחרי הדומיין, למשל:/folder/page.html
כמו"כ מה כתובת קובץ הסגנון היחיד שבינתיים ישנו
-
@מורשת-מרן תשנה את שמות הCSS ל:
main.html.css
Second.html.cssובדף הhtml מחק את תגית הlink שמקשרת לCSS לחלוטין, ושים את הסקריפט הזה בhead של הhtml
<script> function addCss(url) { var link = document.createElement("link"); link.type = "text/css"; link.rel = "stylesheet"; link.href = url; document.head.appendChild(link); } addCss(location.pathname + '.css'); </script> -
@מורשת-מרן אתה הולך סחור סחור, ובלבד שלא לספר את הסיפור המלא.
אני מבין אותך, זה מקום ציבורי פה ואולי אתה לא יכול להגיד הכל, אבל רחמנות גם על אלה שעונים כסומא בארובה. -
1/13