منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

انشاء منتدى مجاني شبيه بهذا المنتدى
أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



 انشاء منتدى مجاني

أقسام الدعم

دعم الخدمات العامة:
مشاكل كلمة السر
مشاكل فتح المنتدى
مشاكل لوحة الإدارة
مشاكل تنسيق المظهر
المشاكل الأخرى

----------------------

دعم الخدمات التكميلية :
مشاكل النطاقات
مشاكل التومبلايت

----------------------

مراسلة الإدارة :

طلب كلمة السر
إرسال أكواد أو شروحات
أتصل بنا
كيفية طلب كلمة سر جديدة
> طريقة طلب كلمة سر

تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
المواضيع الأخيرة
» طلب كود مثل هذا
اليوم في 20:56 من طرف a.sat65

» مساعدة في تغير إسم المتجر
اليوم في 20:12 من طرف ahd allah

» لغة المنتدى
اليوم في 18:30 من طرف ahd allah

» الايقونة المخفية تظهر للجميع !!
اليوم في 18:28 من طرف الواجهة

» كيف أغير اسم المنتدى الرسمي
اليوم في 17:32 من طرف MiSho

» استفسار حول دخول المنتدي عبر الفبس بوك
اليوم في 17:31 من طرف ahd allah

» مقطع صوتي في منتداي
اليوم في 15:35 من طرف MiSho

» طريقة حذف كلمة الرتبة مع إبقاء الصورة
اليوم في 15:29 من طرف MiSho

» ياشباب ممكن اعرف
اليوم في 14:55 من طرف ahd allah

أفضل 10 أعضاء في هذا الأسبوع
ahd allah
 
Mohamed Nsr
 
Mr. Mido
 
muslmasan
 
a.sat65
 
DeLeTe
 
MiSho
 
JAR7
 
{عذآب}
 
mustafa ali
 

أفضل الأعضاء الموسومين
@الزعيم
 
@@
 
@stones
 
@Mohamed Nsr
 
@JAR7
 

عمل منتدى

مشكلة في كود قائمة الموبايل لا يعمل في نسخة المحمول

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

مشكلة في كود قائمة الموبايل لا يعمل في نسخة المحمول

مُساهمة من طرف عبدو حسن في الخميس 28 يوليو 2016 - 22:45

السلام عليكم احبتي

كان عندي مشكلة و هي ان قائمة الموبايل لا تعمل عند اضافتها في نسخة الجوال مع اني جربتها في صفحة html لوحدها و على اكثر من محرر و كانت القائمة تعمل بشكل ممتاز و لكن عند اضافتها في قالب الهيدر الخاص بنسخة المحمول لا تعمل و اعتقد ان كود الجافا سكريبت هو السبب

و هذه صورة للقائمة



و هذا هو رابط الصفحة التجريبية للقائمة http://www.koutstore.com/h10-page



و هذا قالب الهيدر الخاص بنسخة الجوال

الرمز:
<!DOCTYPE HTML>
<html lang="{L_LANG_HTML}">
<head>
 <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
 <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
 <!-- BEGIN switch_canonical_url -->
 <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
 <!-- END switch_canonical_url -->
 {META}
 {META_FAVICO}
 {T_HEAD_STYLESHEET}
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <meta name="theme-color" content="{GG_THEME_COLOR}" />
 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,400italic,500,700,700italic,900&subset=greek,greek-ext,latin,vietnamese,cyrillic-ext,latin-ext,cyrillic" />
 <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
 <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
 <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
 <script src="//code.jquery.com/jquery-2.2.3.min.js" type="text/javascript"></script>
 <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
 <!-- BEGIN google_analytics_code -->
 <script type="text/javascript">
var _gaq=_gaq||[];_gaq.push(["_setAccount","{G_ANALYTICS_ID}"]),_gaq.push(["_trackPageview"]),_gaq.push(["b._setAccount","{G_ANALYTICS_ID_BIS}"]),_gaq.push(["b._trackPageview"]),function(){var a=document.createElement("script");a.type="text/javascript",a.async=!0,a.src=("https:"==document.location.protocol?"https://ssl":"http://www")+".google-analytics.com/ga.js";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b)}();
 </script>
 <!-- END google_analytics_code -->

                     <style type="text/css">
                            

header {
  color: #fff;
background: RGBA(12,72,143,0.9);
  height: 44px;
  width: 100%;
  padding: 0 10px;
  position: fixed;
  top: 0;
  transition: top 0.2s ease-in-out;
  z-index: 11;
}
  .nav-hide {
    top: -44px;
  }

.float-left { float: left; }
.float-right { float: right; }

  
 footer {
    color: #f5f5f5;
    background: #3c3c3c;
 
}
                          
                          
                          
    
      
ul, li {
  display: block;
  list-style: none;
}
ul {
  margin: 10px 5px 15px;
  padding: 5px;
}
li {
  margin: 2px 0;
  padding: 6px 8px;
}
 
h1, h2, h3, h4, h5, h6 {
  color: #555;
  padding: 5px 10px 10px;
}

header [class*="menu-"] {
  cursor: pointer;
  font-size: 22px;
  height: initial;
  padding: 5px;
  width: initial;
}
 
[id*="menu-"] {
  background: #252525;
  bottom: 0;
  color: #858585;
  height: 100%;
  position: fixed;
  top: 0;
  width: 205px;
  z-index: 99;
}
[id*="menu-"] .box {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
}
[id*="menu-"] .box::-webkit-scrollbar {
  height: 4px;
  width: 4px;
}
[id*="menu-"] ul {
  margin: 0;
  padding: 0;
}
[id*="menu-"] li {
  border-bottom: 1px solid #1F1F1F;
  font-size: 12px;
  line-height: 28px;
  margin: 0;
  overflow: hidden;
  padding: 5px;
  position: relative;
}
[id*="menu-"] li:last-child {
  border: 0;
}
#menu-left {
  border-right: 1px solid #161616;
  left: -205px;
  -webkit-transform: translate3d(0,0,0);
     -moz-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);
  -webkit-transition: all 500ms ease-in-out;
     -moz-transition: all 500ms ease-in-out;
          transition: all 500ms ease-in-out;
}
#menu-left .profile {
  background: #222;
  border-bottom: 5px solid #151515;
  padding: 8px 5px;
}
#menu-left .profile  img {
  border: 1px solid #111;
  border-radius: 5px;
  display: inline-block;
  height: 32px;
  vertical-align: middle;
  width: 32px;
}
#menu-left .content {
  position: relative;
  height: initial;
  width: 100%;
}
#menu-left .content  h5 {
  background: #353535;
  color: #CCC;
  font-weight: 400;
}
#menu-left .content .fa {
  padding: 0 8px 0 4px;
}
#menu-left .content ul:last-child {
  color: #656565;
}
#menu-left .content ul:last-child .fa {
  color: #151515;
}
 
#menu-left .profile span, #menu-right li span {
  *font-weight: bold;
  padding-left: 8px;
}
  
header.active, #menu-left.active {
  -webkit-transform: translate3d(205px,0,0);
     -moz-transform: translate3d(205px,0,0);
          transform: translate3d(205px,0,0);
  -webkit-transition: all 500ms ease-in-out;
     -moz-transition: all 500ms ease-in-out;
          transition: all 500ms ease-in-out;
}
  
  </style>
          

     <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">

 
 

</head>
<body>

  </br>  </br>  </br>  </br>  </br>
  <header>
 
       <span class="menu-left"><i class="fa fa-navicon"></i></span>
 
      <div class="ks-mob">
<a href="/">
<img title="koutstore" src="http://i35.servimg.com/u/f35/13/76/93/58/mob11.png">
</a>
      </div>

  </header>

                   <script type="text/javascript">
 (function(){
  $('.menu-left').click(function(){
    $('header').toggleClass('active')
      $('#menu-left').toggleClass('active')
    $('footer').toggleClass('active')
  })
  $('.menu-right').click(function(){$('#menu-right').toggleClass('active')})
})()
 
 </script>              
 
<div id="menu-left">
  <div class="box">
    <div class="profile">
      <img src="http://goo.gl/yP1jzp" alt="" /><span>Parian Developers</span>
    </div>
    <div class="content">
    <h5>Favorite</h5>
    <ul>
      <li><a href=""><i class="fa fa-newspaper-o"></i> Newspaper</a></li>
      <li><a href=""><i class="fa fa-calendar"></i> Events</a></li>
      <li><a href=""><i class="fa fa-users"></i> Friends</a></li>
      <li><a href=""><i class="fa fa-comment"></i> Messages</a></li>
    </ul>
    <h5>App</h5>
    <ul>
      <li><a href=""><i class="fa fa-search"></i> Search Friend</a></li>
      <li><a href=""><i class="fa fa-image"></i> Images</a></li>
      <li><a href=""><i class="fa fa-music"></i> Music</a></li>
      <li><a href=""><i class="fa fa-film"></i> Videos</a></li>
    </ul>
    <h5>Set & Help</h5>
    <ul>
      <li><a href=""><i class="fa fa-info-circle"></i> Help</a></li>
      <li><a href=""><i class="fa fa-list"></i> Activity Register</a></li>
      <li><a href=""><i class="fa fa-cog"></i> Configure Count</a></li>
      <li><a href=""><i class="fa fa-lock"></i> Access Private</a></li>
      <li><a href=""><i class="fa fa-bug"></i> Problem Report</a></li>
      <li><a href=""><i class="fa fa-power-off"></i> Sign Out</a></li>
    </ul>
   </div>
  </div>

</div>  
  
    



</body>
</html>
<!-- END html_validation -->

اتمنى لو حد يقدر يحل لي المشكلة دي

عبدو حسن
 
 

ذكر
عدد المساهمات : 1067
معدل النشاط : 4473

http://koutstore.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: مشكلة في كود قائمة الموبايل لا يعمل في نسخة المحمول

مُساهمة من طرف JAR7 في الجمعة 29 يوليو 2016 - 16:38

القالب محذوف منه وسم القائمة التي تريدها
من عمل لك التحويل حذف هذة الاوامر

JAR7
أحلى مساعدة
أحلى  مساعدة

انثى
عدد المساهمات : 2346
معدل النشاط : 3685

http://www.t3qnyiat.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: مشكلة في كود قائمة الموبايل لا يعمل في نسخة المحمول

مُساهمة من طرف عبدو حسن في الجمعة 29 يوليو 2016 - 19:19

@JAR7 كتب:القالب محذوف منه وسم القائمة التي تريدها
من عمل لك التحويل حذف هذة الاوامر

ممكن توضيح انا مفهمتش !!
دا بالاضافة ان القالب اللي وضعته في صفحة html هو نفس القالب الموجود في overall_header الخاص بنسخة المحمول و مع ذلك فالقائمة تعمل في الصفحة و لا تعمل في قالب الهيدر

عبدو حسن
 
 

ذكر
عدد المساهمات : 1067
معدل النشاط : 4473

http://koutstore.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: مشكلة في كود قائمة الموبايل لا يعمل في نسخة المحمول

مُساهمة من طرف 0marp0p23 في الجمعة 29 يوليو 2016 - 22:29

مرحباً عزيزي
المشكلة كانت في كود الجافا الخاص بالقائمة
استبدل القالب بهذا
الرمز:
<!DOCTYPE HTML>
<html lang="{L_LANG_HTML}">
<head>
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
   <!-- END switch_canonical_url -->
   {META}
   {META_FAVICO}
   {T_HEAD_STYLESHEET}
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <meta name="theme-color" content="{GG_THEME_COLOR}" />
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,400italic,500,700,700italic,900&subset=greek,greek-ext,latin,vietnamese,cyrillic-ext,latin-ext,cyrillic" />
   <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   <script src="//code.jquery.com/jquery-2.2.3.min.js" type="text/javascript"></script>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
   <!-- BEGIN google_analytics_code -->
   <script type="text/javascript">
   //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
    _gaq.push(['_trackPageview']);

   <!-- BEGIN google_analytics_code_bis -->
   _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
   _gaq.push(['b._trackPageview']);
   <!-- END google_analytics_code_bis -->

    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
   //]]>
   </script>
   <!-- END google_analytics_code -->
   {HOSTING_JS}
  <style type="text/css">
                           

header {
  color: #fff;
background: RGBA(12,72,143,0.9);
  height: 44px;
  width: 100%;
  padding: 0 10px;
  position: fixed;
  top: 0;
  transition: top 0.2s ease-in-out;
  z-index: 11;
}
  .nav-hide {
    top: -44px;
  }

.float-left { float: left; }
.float-right { float: right; }

 
 footer {
    color: #f5f5f5;
    background: #3c3c3c;
 
}
   
ul, li {
  display: block;
  list-style: none;
}
ul {
  margin: 10px 5px 15px;
  padding: 5px;
}
li {
  margin: 2px 0;
  padding: 6px 8px;
}
 
h1, h2, h3, h4, h5, h6 {
  color: #555;
  padding: 5px 10px 10px;
}

header [class*="menu-"] {
  cursor: pointer;
  font-size: 22px;
  height: initial;
  padding: 5px;
  width: initial;
  float: left;
}
 
[id*="menu-"] {
  background: #252525;
  bottom: 0;
  color: #858585;
  height: 100%;
  position: fixed;
  top: 0;
  width: 205px;
  z-index: 99;
}
[id*="menu-"] .box {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
}
[id*="menu-"] .box::-webkit-scrollbar {
  height: 4px;
  width: 4px;
}
[id*="menu-"] ul {
  margin: 0;
  padding: 0;
}
[id*="menu-"] li {
  border-bottom: 1px solid #1F1F1F;
  font-size: 12px;
  line-height: 28px;
  margin: 0;
  overflow: hidden;
  padding: 5px;
  position: relative;
}
[id*="menu-"] li:last-child {
  border: 0;
}
#menu-left {
  border-right: 1px solid #161616;
  left: -205px;
  -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
          transform: translate3d(0,0,0);
  -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
          transition: all 500ms ease-in-out;
}
#menu-left .profile {
  background: #222;
  border-bottom: 5px solid #151515;
  padding: 8px 5px;
}
#menu-left .profile  img {
  border: 1px solid #111;
  border-radius: 5px;
  display: inline-block;
  height: 32px;
  vertical-align: middle;
  width: 32px;
}
#menu-left .content {
  position: relative;
  height: initial;
  width: 100%;
}
#menu-left .content  h5 {
  background: #353535;
  color: #CCC;
  font-weight: 400;
}
#menu-left .content .fa {
  padding: 0 8px 0 4px;
}
#menu-left .content ul:last-child {
  color: #656565;
}
#menu-left .content ul:last-child .fa {
  color: #151515;
}
 
#menu-left .profile span, #menu-right li span {
  *font-weight: bold;
  padding-left: 8px;
}
 
header.active, #menu-left.active {
  -webkit-transform: translate3d(205px,0,0);
    -moz-transform: translate3d(205px,0,0);
          transform: translate3d(205px,0,0);
  -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
          transition: all 500ms ease-in-out;
}
 
  </style>
         

  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" />
</head>
<body>
  <header class="">
 
      <span class="menu-left"><i class="fa fa-navicon"></i></span>
 
      <div class="ks-mob">
<a href="/">
  <img title="koutstore" src="http://i35.servimg.com/u/f35/13/76/93/58/mob11.png" />
</a>
      </div>

  </header>

                     <script type="text/javascript">
 (function(){
  $('.menu-left').click(function(){
    $('header').toggleClass('active'),
      $('#menu-left').toggleClass('active'),
    $('footer').toggleClass('active')
  });
  $('.menu-right').click(function(){$('#menu-right').toggleClass('active')});
})();
 
   </script>             
 
<div id="menu-left">
  <div class="box">
    <div class="profile">
      <img src="http://goo.gl/yP1jzp" alt="" /><span>Parian Developers</span>
    </div>
    <div class="content">
    <h5>Favorite</h5>
    <ul>
      <li><a href=""><i class="fa fa-newspaper-o"></i> Newspaper</a></li>
      <li><a href=""><i class="fa fa-calendar"></i> Events</a></li>
      <li><a href=""><i class="fa fa-users"></i> Friends</a></li>
      <li><a href=""><i class="fa fa-comment"></i> Messages</a></li>
    </ul>
    <h5>App</h5>
    <ul>
      <li><a href=""><i class="fa fa-search"></i> Search Friend</a></li>
      <li><a href=""><i class="fa fa-image"></i> Images</a></li>
      <li><a href=""><i class="fa fa-music"></i> Music</a></li>
      <li><a href=""><i class="fa fa-film"></i> Videos</a></li>
    </ul>
    <h5>Set & Help</h5>
    <ul>
      <li><a href=""><i class="fa fa-info-circle"></i> Help</a></li>
      <li><a href=""><i class="fa fa-list"></i> Activity Register</a></li>
      <li><a href=""><i class="fa fa-cog"></i> Configure Count</a></li>
      <li><a href=""><i class="fa fa-lock"></i> Access Private</a></li>
      <li><a href=""><i class="fa fa-bug"></i> Problem Report</a></li>
      <li><a href=""><i class="fa fa-power-off"></i> Sign Out</a></li>
    </ul>
  </div>
  </div>

</div> 
   <div id="wrap">
      <div id="header" class="mobile_title">
         {NAV_CAT_DESC}
      </div>
      <main>
   <!-- BEGIN html_validation -->
      </main>
   </div>
</body>
</html>
<!-- END html_validation -->

0marp0p23
أحلى مساعدة
أحلى  مساعدة

ذكر
عدد المساهمات : 717
معدل النشاط : 2349

http://cocss.arab.st

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: مشكلة في كود قائمة الموبايل لا يعمل في نسخة المحمول

مُساهمة من طرف عبدو حسن في السبت 30 يوليو 2016 - 6:42

ما شاء الله عليك اخي عمر شكرا لك يا غالي المشكلة اتحلت ... Cool

عبدو حسن
 
 

ذكر
عدد المساهمات : 1067
معدل النشاط : 4473

http://koutstore.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى