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

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



  #1  
ישן 20-12-2012, 23:19
  boynett boynett אינו מחובר  
 
חבר מתאריך: 17.08.07
הודעות: 74
בעיה ב ios android עם גלילה אופקית

הבעיה היא פשוטה אתר עם direction:rtl שיש לו גלילה אופקית באנדרואיד וios
הגלילה האופקית לא פועלת ברגע שמשנים את הdirection ל ltr הגלילה חוזרת לעבוד
דוגמא לקוד הכי פשוט שאפשר ליצור כדי לראות את הבאג:

קוד PHP:
 <html dir="rtl">
<
table width="4500" style="direction:rtl;">
<
tr>
 <
td>
 <
img src="https://www.google.com/images/nav_logo114.png" width="1000">
 <
img src="https://www.google.com/images/nav_logo114.png" width="1000">
 <
img src="https://www.google.com/images/nav_logo114.png" width="1000">
 <
img src="https://www.google.com/images/nav_logo114.png" width="1000">
 </
td>
 </
tr>
 </
table>
 <
html

ניסיתי כל מיני שיטות כדי לפתור את הבעיה והדרך היחידה שמצאתי
היא פשוט לשנות באנדרואיד וios את הdirection ל ltr ובג'אווה סקריפט לגלול את הגלגלת הכי ימינה
הבעיה עם זה שזה איטי מדי והגלילה לא קוראת ישר אלא אחרי כמה שניות טובות שהדף נטען

מישהו שמע על הבאג הזה ויודע איך לפתור אותו? או יש לו רעיון יצירתי לפתרון הבעיה?
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #3  
ישן 21-12-2012, 11:40
  boynett boynett אינו מחובר  
 
חבר מתאריך: 17.08.07
הודעות: 74
בתגובה להודעה מספר 2 שנכתבה על ידי fadey שמתחילה ב "לא צריכה להיות שום בעיה עם..."

כמו שרשמתי יש אתר תיקני עם הבאג הזה שקיים ניסיתי לרשום כאן את הקוד המינימלי בשביל להראות דוגמא
הנה אותה דוגמא תיקנית עם אותו באג (אני מעריך שלא מתקנים את זה כי אפשר לספור על יד אחד את מספר האתרים עם גלילה אופקית עם כתיבה מימין לשמאל)
קוד PHP:
 <!DOCTYPE html>
<
html lang="en">
  <
head>
    <
meta charset=utf-8>
    <
title>A simple HTML5 page layout</title>
    <!--[if 
IE]>
      <
script src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
      
</script>
    <![endif]-->
    <style>
      body { margin:100px;direction:rtl; }
      article, aside, figure, footer, header, hgroup, menu, nav, section { 
        display:block;
      }
    </style>
  </head>
  <body>
<table  style="direction:rtl;width:5000px">
<tr>
 <td>
 <img src="https://www.google.com/images/nav_logo114.png" width="1000" alt="a">
 <img src="https://www.google.com/images/nav_logo114.png" width="1000" alt="a">
 <img src="https://www.google.com/images/nav_logo114.png" width="1000" alt="a">
 <img src="https://www.google.com/images/nav_logo114.png" width="1000" alt="a">
 </td>
 </tr>
 </table>
  </body>    
</html> 


דרך אגב זה לא משנה אם זה בטבלה או בdiv,span וכו זה קורה בכולם(באנדרואיד ובios בדפדפנים הברירת מחדל)
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #6  
ישן 21-12-2012, 18:05
  boynett boynett אינו מחובר  
 
חבר מתאריך: 17.08.07
הודעות: 74
בתגובה להודעה מספר 5 שנכתבה על ידי שימי שמתחילה ב "פועל מצויין אצלי. גם בדפדפן..."

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

הפתרון שעכשיו אני משתמש בו הוא פשוט אם אני מזהה שגולשים מסלולרים אני משנה את הdirection ל ltr ובגאווה סקריפט גולל את החלון הכי ימינה, הבעיה שזה נותן עיכוב של כמה שניות עד שהכל נטען ויש לי bounce rate פי 2 בסלולרים מאשר במחשב בגלל הכמה שניות האלה
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #7  
ישן 22-12-2012, 18:29
  שימיadmin שימי אינו מחובר  
מנהל פורומי "תכנות ובניית אתרים" ו"חומרה ורשתות"
 
חבר מתאריך: 25.10.01
הודעות: 42,377
בתגובה להודעה מספר 6 שנכתבה על ידי boynett שמתחילה ב "תודה על העזרה נתחיל מהסוף -..."

מה שיותר פשוט מטבלה, הוא כמובן, DIV. טבלה זה לפחות שלוש תגיות עד לתוכן, DIV זו תגית אחת.

אין לי אופרה, אני משתדל שלא להשתמש בדפדפנים שידוע ששמים פס גדול על התוכן שכתוב בדף.

אשר לספארי, ובכלל, למוצרי אפל, לצערי, אין לי פתרון. דעתי האישית היא שמי שקונה זבל חרף הביקורות מאנשים שמסבירים להם שהמוצרים כושלים מבחינת התוכנה שעליהם (ולעתים אף החומרה, ע"ע המצלמות באייפון 5), שיתבשל במרק שבישל לעצמו.

אני בספק שזה מה שיתן לך bounce rate של פי 2. זה לא שכולם משתמשים במוצרי אפל (הרוב לא) או חושבים להחליף את דפדפן ברירת המחדל במכשיר שלהם (שוב, הרוב לא... תראה כמה שנים האיכספלורר הנורא היווה 90%+ משוק הדפדפנים בארצנו הקטנטונת). אולי עצם זה שצריך לגלול את התוכן שלך ימינה ושמאלה, מעצבן את המשתמשים (אני יודע שאותי זה היה מעצבן) - האם חשבת על כך? תוכן שמיועד לניידים צריך להיות מותאם לפורמט של ניידים - כלומר - ברוחב של נייד - ללא גלילה אופקית. ימינה שמאלה ולמטה-למעלה זה יותר מדי כיוונים - ואף אחד לא ישנה את ההרגל שלו (למעלה-למטה) - עבור האתר שלך.

בנוסף, כמובן, צריך להבין שאופי הגלישה בנייד שונה מאשר באתר רגיל. כמו שאמרת, עניין הטעינה לוקח זמן (למה הגלילה שלך לוקחת כמה שניות - לא הבנתי) - בנייד צריך שהתוכן ייטען בצורה כזו, כך שהוא ייטען ממש מהר, אפילו בחיבור מאוד איטי וקטוע, שגורם ל retransmissions של TCP. עדיפות עליונה ליכולת להציג תוכן מיד עם התחלת קבלת המידע מהשרת (כבר אמרתי ללא טבלאות, נכון? ), וכו'. יש להמנע בכמעט כל מחיר בפניות חוזרות לשרת לפני תחילת תצוגת תוכן בר-שימוש לגולש. זה אומר לאחר טעינה של תמונות אם קיימות, ובכל מקרה, לציין את גודלן, כך שהדפדפן יוכל לשים place holder ולא ימתין עם הרינדור עד שרצות להן 30 בקשות לטעון 30 תמונות, כל אחת עם roundtrip של 400 מילישניות בגלל שהסלולר איטי מאוד. (אם יש יותר מ 2 תמונות בדף, רצוי להשתמש ב CSS Sprites)
_____________________________________
תמונה שהועלתה על ידי גולש באתר ולכן אין אנו יכולים לדעת מה היא מכילה
נמאס לכם לזכור סיסמאות? לחצו כאן!

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
תגובה

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

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

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

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



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

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

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

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