שרשורי דיוני OG הנפתחים כתריס.
אני עובד על אתר קהילתי בו אני עושה שימוש ב-OG.
כעת נראות השרשורים היא כמו פה, אני מתחבר לזה אלא שהרוב מעוניינים בשרשורים הנפתחים כתריס בסגנון פייסבוק.
מה שחשוב לי שאני אוכל ליישם את זה על גבי הדיונים של OG שכעת נמצאים בעמודי הקהילה תחת טאב באמצעות og_panels.
תגים:
תריס = אקורדיון ? Views
תריס = אקורדיון ?
views_accordion.module
צחי שלידור, לינוויט
תשתיות תוכן קהילתיות
Sasson - Smart Drupal Theming
יעבוד לי עם דיונים? איך
יעבוד לי עם דיונים? איך בדיוק?
נניח שאני יוצר היבט המציג כותרות של תגובות והתוכן של התגובה.
איך אני מציג את השרשור במקום? אני מניח ארגומנט.
איך אני יוצר שרשור מורחב?
אשמח לדעת,
אני בכל מקרה ניגש לשחק עם זה.
תודה צחי, לא חשבתי בכיוון...
אמיר תייר | TIKKE בונים אתר דרכך
איך אני מציג את השרשור במקום?
אתה מניח נכון, אתה צריך את nid
זה רק עניין של קצת margin לתגובות של תגובות, תראה איך ערכות אחרות עושות את זה.
אבל
כשאני חושב על זה שוב יהיה הרבה יותר פשוט להשתמש בסקריפט jQuery פשוט מאוד.
מה שצריך זה סך הכל להסתיר את כל התכנים של התגובות ע"י CSS ולהציג\להסתיר אותם ע"י לחיצה על הכותרת של התגובה.
הפקודה שאתה מחפש נקראת toggle.
אם אתה בעניין, תנסה, ואני אשמח לעזור.
צחי שלידור, לינוויט
תשתיות תוכן קהילתיות
Sasson - Smart Drupal Theming
תנסה להבתכל על תפריט הצד באתר
תנסה להבתכל על תפריט הצד באתר http://www.gsm-israel.co.il
לחיצה על כל אחת מהכותרות הכתומות מקפלת ופותחת את מה שבתוכו.
זה סקריפט JQUERY פשוט עד כאב (משהו כמו שלוש או ארבע שורות קוד).
אם זה מה שאתה מחפש, אשמח לעזור.
זה בדיוק מה שאני מחפש. אלא
זה בדיוק מה שאני מחפש.
אלא שאני לא ממש יודע מאיפה להתחיל. אני רוצה כאמור ליישם את זה על השרשורים בסוג תוכן דיון (OG).
אמיר תייר | TIKKE בונים אתר דרכך
עם OG עדיין לא יצא לי
עם OG עדיין לא יצא לי לעבוד.
כל מה שאתה צריך לדאוג לו, הוא שיהיה CLASS אחיד לכל הכותרות ו-CLASS לתוכן הפנימי של הודעה.
משם כבר קוד ה-JQUERY יכול לקחת פיקוד.
כשאני חושב על זה - בעיקרון זה
כשאני חושב על זה - בעיקרון זה לא משנה כי זה למעשה תגובות לסוג תוכן X.
הבנתי את העיקרון, השאלה היא באיזה קוד אני מתעסק פה?
האם במודול comments? היינו comment.tpl?
אני מניח שלא.
או במילים אחרות, מאיפה להתחיל לגשת לעניין הזה?
אמיר תייר | TIKKE בונים אתר דרכך
יש עמוד שאפשר לראות כדי לנסות
יש עמוד שאפשר לראות כדי לנסות להבין את המבנה שלו?
הנה עמוד לדוגמא
הנה עמוד לדוגמא
אמיר תייר | TIKKE בונים אתר דרכך
הנה דוגמא לקוד שהשתמשתי בו
הנה דוגמא לקוד שהשתמשתי בו פעם למשהו דומה :
if (Drupal.jsEnabled) {$(document).ready(function () {
$('div.COMMENT').find('div.COMMENT-CONTENT').hide().end().find('COMMENT-TITLE').click(function() {
$(this).parents().children(div.COMMENT-CONTENT').slideToggle();
});
});
}
שיניתי את זה קצת, כדי להתאים את זה, אז בעצם לא ניסיתי את זה בדיוק, אבל זה צריך לעבוד. כל מה שב UPPER-CASE אתה אמור להחליף ב selectorים שמתאימים אצלך.
אם אתה לא יודע בכלל מה לעשות עם קוד שכזה, אל תתבייש, נסביר (-:
צחי שלידור, לינוויט
תשתיות תוכן קהילתיות
Sasson - Smart Drupal Theming
לא מתבייש, אין לי מושג מאיפה
לא מתבייש, אין לי מושג מאיפה להתחיל ואשמח ללמוד.
שים לב צחי, שיצרתי שם שרשור (למטה) באמצעות view_acordion וזה עובד מעולה רק שלא הצלחתי ליצור היררכיה הדרגתית כיוון שההתיחסות היא כהיבט ולכן אין תגובת אב ותגובת בן.
אמיר תייר | TIKKE בונים אתר דרכך
בעניין הדירוג של התגובות, לפי
בעניין הדירוג של התגובות, לפי הפוסט הזה http://drupal.org/node/508032 זה צריך להיות אפשרי.
לגבי עבודה עם JS - כדי לכלול קוד כזה אתה צריך ליצור קובץ js (תקרא לו איך שבא לך, נגיד script.js) איפשהו בערכת העיצוב שלך, לי יש פטיש בעניין סידור ערכת העיצוב ולכן אני נוהג להניח את הקבצים האלו בתוך ספריית js.
שלב הבא - כדי לקרוא לקובץ הזה, אנחנו פותחים את קובץ ה info שלנו, נגיד keshet.info ומוסיפים שם שורה שתקרא לסקריפט שלנו, ממש כמו שקוראים לקובץ css :
scripts[] = js/script.jsזהו, דבר אחרון, לגבי הקוד שנתתי לך, אולי הייתי עושה שיפור קטן - במקום להשתמש ב hide כדי להסתיר את התוכן הייתי משתמש ב CSS אבל רק אם למשתמש יש JS מאופשר בדפדפן, משהו כזה :
.js .comment .content {display: none;
}
צחי שלידור, לינוויט
תשתיות תוכן קהילתיות
Sasson - Smart Drupal Theming
יצרתי את הקובץ והוספתי את
יצרתי את הקובץ והוספתי את השורת קוד לקובץ info (בסוף).
שיניתי את ה- Upper-case ל:
if (Drupal.jsEnabled) {
$(document).ready(function () {
$('div.comments').find('div.content').hide().end().find('title').click(function() {
$(this).parents().children(div.content').slideToggle();
});
});
}
לפי מה שזיהיתי בפיירבאג.
העלתי הכל ובינתיים אני לא מזהה שינוי. האם השינוי יתקיים רק לאחר הוספת Css
אמיר תייר | TIKKE בונים אתר דרכך
איך אני מוסיף קוד בצורה יפה
איך אני מוסיף קוד בצורה יפה כמו שעשית?
אמיר תייר | TIKKE בונים אתר דרכך
אני שם אותו בתוך
אני שם אותו בתוך :
<code>אתה צריך גם תג סגירה כמובן, אבל פה הוא לא יראה אותו.
צחי שלידור, לינוויט
תשתיות תוכן קהילתיות
Sasson - Smart Drupal Theming
טוב השרשור הזה נהיה צר
טוב השרשור הזה נהיה צר מדי.
האמת שהיית קרוב מאוד, מה שהיית חסר לך זה בעיקר selectors תקינים, תחשוב עליהם בדיוק כמו ב CSS :
if (Drupal.jsEnabled) {$(document).ready(function () {
$('div.comment').find('.content').hide().end().find('.title').click(function() {
$(this).parents().children('.content').slideToggle();
return false;
});
});
}
הוספתי גם return false; כדי שהקליק על הכותרת של התגובה לא ייקח אותך לדף "חדש"
צחי שלידור, לינוויט
תשתיות תוכן קהילתיות
Sasson - Smart Drupal Theming
הי צחי, הבנתי... עם זאת, אני
הי צחי,
הבנתי...
עם זאת, אני לא רואה שום שינוי.
מהתחלה -
יצרתי קובץ js והעליתי אותו לספריה שת התבנית שלי:
fusion/mytheme/...
הוספתי את שורת הקוד שציינת בקובץ info של התבנית.
לא רואה שום שינוי בתגובות.
אמיר תייר | TIKKE בונים אתר דרכך
ניקית קאש ?
ניקית קאש ?
צחי שלידור, לינוויט
תשתיות תוכן קהילתיות
Sasson - Smart Drupal Theming
זהו! עובד מעולה!!! הטעות שלי
זהו!
עובד מעולה!!!
הטעות שלי הייתה קטנה ומעצבנת... שם הקובץ js שלי היה שונה מזה שרשמת לי פה אך בקובץ info לא שיניתי...
המון תודה,
שוב...
אמיר תייר | TIKKE בונים אתר דרכך
טוב, עוד סוגיה קטנה. ניסיתי
טוב,
עוד סוגיה קטנה.
ניסיתי להוריד את ה- submitted וה- Links שגם הם יהיו חלק מהתריס ושבתחילה תוצג רק הכותרת.
לא הצלחתי...
אמיר תייר | TIKKE בונים אתר דרכך
זה תלוי במבנה של התגובה - מה
זה תלוי במבנה של התגובה - מה נמצא בתוך content ומה לא, אתה יכול לשלוט בזה ע"י comment.tpl.php
צחי שלידור, לינוויט
תשתיות תוכן קהילתיות
Sasson - Smart Drupal Theming
בהחלט. סידרתי את זה, נראה
בהחלט.
סידרתי את זה, נראה מעולה!
אמיר תייר | TIKKE בונים אתר דרכך
נראה מעולה! בהחלט
בהחלט
צחי שלידור, לינוויט
תשתיות תוכן קהילתיות
Sasson - Smart Drupal Theming