HTML אחד ו CSS שונים

מורשת מרן

שלום וברכה...

יש לי קובץ HTML עם סקריפט, יש לי צורך להטמיע את הקוד בכמה עמודים באתר בעיצובים שונים (שינוי רק מבחינת ה CSS) , יהיה קשה לעדכן כל קובץ בנפרד.

יש דרך לעשות שכל העמודים יקבלו אותו HTML וסקריפט, אבל יקבלו CSS שונים?

תודה רבה...

ivrtikshoret

@מורשת-מרן
תגדיר בכל דף מאיפה הוא יקבל את ה css ככה:

    <link rel="stylesheet" href="/css/mystyle.css">

מורשת מרן

@ivrtikshoret
יש לי בעיה איך לגרום לשנות את ה HTML והוא ישתנה בכל העמודים למרות שכל אחד מהם הוא CSS אחר.

dovid

@מורשת-מרן הבעיה שלך מסקרנת, למה זה חייב להיות HTML זהה?
אבל אם נניח את סקרנותי בצד אתה יכול

לשים אותם בתיקיות שונות ואז שהCSS עם אותו שם באותה תיקיה עם הפניה יחסית,
לטעון את הסטייל עם סקריפט בהתאם לשם הדף/נתיב נוכחי (זה יעבוד פחות טוב).

מורשת מרן

@dovid
לגבי הפתרון הראשון, איך אני יכול לעדכן HTML אחד והכל מתעדכן? הרי כל אחד בתקייה אחרת.
ולגבי הפתרון השני אני ישמח לדעת איזה סקריפט אני צריך בשביל זה..

תזכה למצוות

dovid

@מורשת-מרן אתה יכול ב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, סטייל, וסקריפט.

מה אני צריך לעשות?

dovid

@מורשת-מרן מה הכתובת של הדפים השונים, תן דוגמא לשני כתובות שאתה רוצה שיביאו את אותו הדף בסגנונות שונים
כתובת אני מתכוון החל מה/ שאחרי הדומיין, למשל:

/folder/page.html

כמו"כ מה כתובת קובץ הסגנון היחיד שבינתיים ישנו

מורשת מרן

@dovid
דף אחד:main.html/
דף שני: Second.html/

דף סגנון 1: style1.sss/
דף סגנון 1: style2.sss/

dovid

@מורשת-מרן תשנה את שמות ה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 והסטייל מהשרת ,נכון?

dovid

@מורשת-מרן אתה הולך סחור סחור, ובלבד שלא לספר את הסיפור המלא.
אני מבין אותך, זה מקום ציבורי פה ואולי אתה לא יכול להגיד הכל, אבל רחמנות גם על אלה שעונים כסומא בארובה.

ASS

@dovid
יש למישהו תשובה?