<![CDATA[تالار گفتمان مانشت - Javascript]]> /forum/ Mon, 11 May 2026 16:21:19 +0000 MyBB <![CDATA[تغییرات در منو آکاردئونی نوشته شده با javascript]]> /forum/thread-29804.html Sun, 29 Mar 2015 16:02:59 +0000 /forum/thread-29804.html چند ماه پیش یکم روش وقت گذاشتم ولی به نتیجه ای نرسیدم و ولش کردم، الان دیگه امیدم به شماست.Wink

کد منو در حال حاضر:

کد php:
<script type="text/javascript">
//<![CDATA[
var contentHeight = 34;
var TimeToSlide = 300.0;
var openprobox = '';
function runprobox(index){
    var divID = "probox" + index + "content";
    if(openprobox == divID){
        divID = '';
    }
    setTimeout("animate(" + new Date().getTime() + "," + TimeToSlide + ",'" + openprobox + "','" + divID + "')", 33);
    openprobox = divID;
}
function animate(lastTick, timeLeft, closingId, openingId){
    var curTick = new Date().getTime();
    var elapsedTicks = curTick - lastTick;
    var opening = (openingId == '') ? null : document.getElementById(openingId);
    var closing = (closingId == '') ? null : document.getElementById(closingId);
    
    if(timeLeft <= elapsedTicks){
        if(opening != null){
            opening.style.height = contentHeight + 'px';
        }
        if(closing != null){
            closing.style.display = 'none';
            closing.style.height = '0px';
        }
    return;
    }
    timeLeft -= elapsedTicks;
  var newClosedHeight = Math.round((timeLeft/TimeToSlide) * contentHeight);
  if(opening != null){
      if(opening.style.display != 'block'){
          opening.style.display = 'block';
      }
      opening.style.height = (contentHeight - newClosedHeight) + 'px';
  }
  if(closing != null){
      closing.style.height = newClosedHeight + 'px';
  }
  setTimeout("animate(" + curTick + "," + timeLeft +",'" + closingId + "','" + openingId + "')", 33);
}
//]]]]><![CDATA[>
</script> 

این هم قسمت body

کد php:
<div id="proboxmain" class="proboxmain">
<!-- منوی شماره ۱ -->
  <div class="proboxtitle" onclick="runprobox(1);">
  تیتر باکس ۱
  </div>
  <div id="probox1content" class="proboxcontent">
  محتوای باکس آکاردئونی ۱
  </div>
<!-- منوی شماره ۲ -->  
  <div class="proboxtitle" onclick="runprobox(2);">
  تیتر باکس ۲
  </div>
  <div id="probox2content" class="proboxcontent">
  محتوای باکس آکاردئونی ۲
  </div>
<!-- منوی شماره ۳ -->  
  <div class="proboxtitle" onclick="runprobox(3);">
  تیتر باکس ۳
  </div>
  <div id="probox3content" class="proboxcontent">
  محتوای باکس آکاردئونی ۳
  </div>
<!-- منوی شماره ۴ -->  
  <div class="proboxtitle" onclick="runprobox(4);">
  تیتر باکس ۴
  </div>
  <div id="probox4content" class="proboxcontent">
  محتوای باکس آکاردئونی ۴
  </div>
</div> 

این هم قسمت css مرتبط با منو

کد php:
<style type="text/css">
body{
    font-family:Tahoma, Geneva, sans-serif;
    font-size:12px;
    direction:rtl;
}
.proboxtitle, .proboxcontent, .proboxmain{
    position:relative;
}
.proboxtitle{
    width:200px;    
    height:25px;
    overflow:hidden;
    text-align:right;
    display:block;
    cursor:pointer;
    background-color:#666;
    color:#FFF;
    direction:rtl;
    padding:4px;
    text-align:center;
    border-bottom:1px dashed #CCC;    
}
.proboxcontent{
    width:200px;    
    height:auto;
    overflow:hidden;
    display:none;
    background-color:#F8F8F8;
    padding:4px;
    direction:rtl;
}
.proboxmain{
    border:1px solid #F0F0F0;
    width:208px;    
}
</style> 
]]> چند ماه پیش یکم روش وقت گذاشتم ولی به نتیجه ای نرسیدم و ولش کردم، الان دیگه امیدم به شماست.Wink

کد منو در حال حاضر:

کد php:
<script type="text/javascript">
//<![CDATA[
var contentHeight = 34;
var TimeToSlide = 300.0;
var openprobox = '';
function runprobox(index){
    var divID = "probox" + index + "content";
    if(openprobox == divID){
        divID = '';
    }
    setTimeout("animate(" + new Date().getTime() + "," + TimeToSlide + ",'" + openprobox + "','" + divID + "')", 33);
    openprobox = divID;
}
function animate(lastTick, timeLeft, closingId, openingId){
    var curTick = new Date().getTime();
    var elapsedTicks = curTick - lastTick;
    var opening = (openingId == '') ? null : document.getElementById(openingId);
    var closing = (closingId == '') ? null : document.getElementById(closingId);
    
    if(timeLeft <= elapsedTicks){
        if(opening != null){
            opening.style.height = contentHeight + 'px';
        }
        if(closing != null){
            closing.style.display = 'none';
            closing.style.height = '0px';
        }
    return;
    }
    timeLeft -= elapsedTicks;
  var newClosedHeight = Math.round((timeLeft/TimeToSlide) * contentHeight);
  if(opening != null){
      if(opening.style.display != 'block'){
          opening.style.display = 'block';
      }
      opening.style.height = (contentHeight - newClosedHeight) + 'px';
  }
  if(closing != null){
      closing.style.height = newClosedHeight + 'px';
  }
  setTimeout("animate(" + curTick + "," + timeLeft +",'" + closingId + "','" + openingId + "')", 33);
}
//]]]]><![CDATA[>
</script> 

این هم قسمت body

کد php:
<div id="proboxmain" class="proboxmain">
<!-- منوی شماره ۱ -->
  <div class="proboxtitle" onclick="runprobox(1);">
  تیتر باکس ۱
  </div>
  <div id="probox1content" class="proboxcontent">
  محتوای باکس آکاردئونی ۱
  </div>
<!-- منوی شماره ۲ -->  
  <div class="proboxtitle" onclick="runprobox(2);">
  تیتر باکس ۲
  </div>
  <div id="probox2content" class="proboxcontent">
  محتوای باکس آکاردئونی ۲
  </div>
<!-- منوی شماره ۳ -->  
  <div class="proboxtitle" onclick="runprobox(3);">
  تیتر باکس ۳
  </div>
  <div id="probox3content" class="proboxcontent">
  محتوای باکس آکاردئونی ۳
  </div>
<!-- منوی شماره ۴ -->  
  <div class="proboxtitle" onclick="runprobox(4);">
  تیتر باکس ۴
  </div>
  <div id="probox4content" class="proboxcontent">
  محتوای باکس آکاردئونی ۴
  </div>
</div> 

این هم قسمت css مرتبط با منو

کد php:
<style type="text/css">
body{
    font-family:Tahoma, Geneva, sans-serif;
    font-size:12px;
    direction:rtl;
}
.proboxtitle, .proboxcontent, .proboxmain{
    position:relative;
}
.proboxtitle{
    width:200px;    
    height:25px;
    overflow:hidden;
    text-align:right;
    display:block;
    cursor:pointer;
    background-color:#666;
    color:#FFF;
    direction:rtl;
    padding:4px;
    text-align:center;
    border-bottom:1px dashed #CCC;    
}
.proboxcontent{
    width:200px;    
    height:auto;
    overflow:hidden;
    display:none;
    background-color:#F8F8F8;
    padding:4px;
    direction:rtl;
}
.proboxmain{
    border:1px solid #F0F0F0;
    width:208px;    
}
</style> 
]]> <![CDATA[منبع برای یادگیری javascript یا معرفی کلاس توسط دوستان ساکن دراصفهان]]> /forum/thread-29373.html Thu, 12 Feb 2015 18:47:33 +0000 /forum/thread-29373.html کسی فیلم خوب و به درد به خوربرای کلاس خوب برای js سراغ داره
یا کلاس خوب میخوام شهر اصفهان باشه به خصوص به مسیر ترمینال زاینده رود بخورهBlush]]> کسی فیلم خوب و به درد به خوربرای کلاس خوب برای js سراغ داره
یا کلاس خوب میخوام شهر اصفهان باشه به خصوص به مسیر ترمینال زاینده رود بخورهBlush]]> <![CDATA[scroll نخوردن]]> /forum/thread-19574.html Sat, 02 Nov 2013 10:41:31 +0000 /forum/thread-19574.html
فرض کنید من یک تگ div دارم که طول متنش از اندازه عرض صفحه بیشتره، مثلا:


<div id="test1" >qwekmlkmckskmkmlkmlcmdhuhjefuybcvgdwelfjnfjevljhjnfukfmkdfolffneuwghqnnmldelm​keienfbuyheuytgpkrnbxhbybwijemncksmczmcigvkfmmfrkmfkcmsewlkfklcwehrunrjngt

</div>

حالا میخوام کاری کنم که وقتی متن به انتهای خط رسید، ادامه متن در دو خط پایین تر نوشته بشه!!!
خصوصیت "wordWrap:"break-word فقط یک خط پایین میره ولی من بنا به دلایلی میخوام ادامه در دو خط پایین تر بیفته!!!

کسی میدونه چطور میتونم این کار رو با javascript انجام بدم؟]]>
فرض کنید من یک تگ div دارم که طول متنش از اندازه عرض صفحه بیشتره، مثلا:


<div id="test1" >qwekmlkmckskmkmlkmlcmdhuhjefuybcvgdwelfjnfjevljhjnfukfmkdfolffneuwghqnnmldelm​keienfbuyheuytgpkrnbxhbybwijemncksmczmcigvkfmmfrkmfkcmsewlkfklcwehrunrjngt

</div>

حالا میخوام کاری کنم که وقتی متن به انتهای خط رسید، ادامه متن در دو خط پایین تر نوشته بشه!!!
خصوصیت "wordWrap:"break-word فقط یک خط پایین میره ولی من بنا به دلایلی میخوام ادامه در دو خط پایین تر بیفته!!!

کسی میدونه چطور میتونم این کار رو با javascript انجام بدم؟]]> <![CDATA[java script]]> /forum/thread-1661.html Mon, 04 Apr 2011 08:55:05 +0000 /forum/thread-1661.html