-
-
שלום וברכה...
יש לי קובץ HTML עם סקריפט, יש לי צורך להטמיע את הקוד בכמה עמודים באתר בעיצובים שונים (שינוי רק מבחינת ה CSS) , יהיה קשה לעדכן כל קובץ בנפרד.
יש דרך לעשות שכל העמודים יקבלו אותו HTML וסקריפט, אבל יקבלו CSS שונים?
תודה רבה...
@מורשת-מרן
תגדיר בכל דף מאיפה הוא יקבל את ה css ככה:<link rel="stylesheet" href="/css/mystyle.css">
-
@מורשת-מרן
תגדיר בכל דף מאיפה הוא יקבל את ה css ככה:<link rel="stylesheet" href="/css/mystyle.css">
@ivrtikshoret
יש לי בעיה איך לגרום לשנות את ה HTML והוא ישתנה בכל העמודים למרות שכל אחד מהם הוא CSS אחר. -
@ivrtikshoret
יש לי בעיה איך לגרום לשנות את ה HTML והוא ישתנה בכל העמודים למרות שכל אחד מהם הוא CSS אחר. -
@מורשת-מרן הבעיה שלך מסקרנת, למה זה חייב להיות HTML זהה?
אבל אם נניח את סקרנותי בצד אתה יכול- לשים אותם בתיקיות שונות ואז שהCSS עם אותו שם באותה תיקיה עם הפניה יחסית,
- לטעון את הסטייל עם סקריפט בהתאם לשם הדף/נתיב נוכחי (זה יעבוד פחות טוב).
-
@dovid
לגבי הפתרון הראשון, איך אני יכול לעדכן HTML אחד והכל מתעדכן? הרי כל אחד בתקייה אחרת.
ולגבי הפתרון השני אני ישמח לדעת איזה סקריפט אני צריך בשביל זה..תזכה למצוות
@מורשת-מרן אתה יכול ב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('/', '_'));
אולי תשתמש עם דינמיות צד שרת וזה יחסוך לך את כל הבעיה.
-
@מורשת-מרן אתה יכול ב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('/', '_'));
אולי תשתמש עם דינמיות צד שרת וזה יחסוך לך את כל הבעיה.
-
@dovid
תודה על התשובה...
לא כל כך הבנתי איפה לשים את הסקריפט ואיזה קישורים לשים בדיוק , אני לא מתמצא כמו שצריך :).כרגע יש לי קובץ אחד עם HTML, סטייל, וסקריפט.
מה אני צריך לעשות?
-
@מורשת-מרן מה הכתובת של הדפים השונים, תן דוגמא לשני כתובות שאתה רוצה שיביאו את אותו הדף בסגנונות שונים
כתובת אני מתכוון החל מה/ שאחרי הדומיין, למשל:/folder/page.html
כמו"כ מה כתובת קובץ הסגנון היחיד שבינתיים ישנו
-
@dovid
דף אחד:main.html/
דף שני: Second.html/דף סגנון 1: style1.sss/
דף סגנון 1: style2.sss/@מורשת-מרן תשנה את שמות ה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>
-
@מורשת-מרן תשנה את שמות ה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>
-
@dovid
תודה.
ניסיתי את זה.
אבל יש לי בעיה בגלל שאני צריך שאותו קובץ יזין כמה עמודים שונים, מה שאומר שהקובץ HTML צריך להיות מאוחסן בשרת וככה גם הסטייל.
צריך רק איזה קוד שימשוך את הHTML והסטייל מהשרת ,נכון? -
@מורשת-מרן אתה הולך סחור סחור, ובלבד שלא לספר את הסיפור המלא.
אני מבין אותך, זה מקום ציבורי פה ואולי אתה לא יכול להגיד הכל, אבל רחמנות גם על אלה שעונים כסומא בארובה. -
D dovid העביר נושא זה מ-תכנות ב-