/
  • resize جداول با کشیدن گوشه های آن

  • صفحه‌ها (2):
  • ارسال پاسخ   امتیاز موضوع:
    • 0 رأی - میانگین امیتازات: 0
    • 1
    • 2
    • 3
    • 4
    • 5

    حالت موضوعی | حالت خطی resize جداول با کشیدن گوشه های آن
    نویسنده پیام
    AHMADBADPEY آفلاین
    احمد بادپی
    ***

    ارسال‌ها: 118
    تاریخ عضویت: ۱۳۸۷ اسفند ۱
    اعتبار: 1
    تشکرها : 35
    ( 43 تشکر در 19 ارسال )
    ارسال: #1
    resize جداول با کشیدن گوشه های آن
    سلام
    دوستان چه جوری میشه بوسیله جاوااسکریپت یک جدول رو با کشیدن گوشه های اون تغییر اندازه داد . مثه پنجره های خود ویندوز !!!
    mer30
    __________________________________________________________________________
    1stwebdesigner.ir

    learningjquery.ir
    ۱۳۸۸ خرداد ۳۱ ۰۵:۴۱ عصر
    یافتن ارسال‌ها WWW پاسخ با نقل قول
     تشکر شده توسط : iapple
    oia آفلاین
    محمد ثانی
    *****

    ارسال‌ها: 2,012
    تاریخ عضویت: ۱۳۸۷ آذر ۲۶
    اعتبار: 66
    تشکرها : 2330
    ( 2091 تشکر در 1290 ارسال )
    ارسال: #2
    RE: resize جداول با کشیدن گوشه های آن
    این کار رو با جاوااسکریپت و CSS انجام پذیره
    سعی می کنم یه کد گیر بیارم...
    ۱۳۸۸ خرداد ۳۱ ۰۶:۴۲ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط : AHMADBADPEY iapple
    php آفلاین
    hossein
    ****

    ارسال‌ها: 629
    تاریخ عضویت: ۱۳۸۷ دي ۴
    اعتبار: 13
    تشکرها : 467
    ( 798 تشکر در 277 ارسال )
    ارسال: #3
    RE: resize جداول با کشیدن گوشه های آن
    یه طرح ساده برای این کار نوشتم که با کشیدن جدول اندازه اون تغییر می کنه .

    کد PHP:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <
    html xmlns="http://www.w3.org/1999/xhtml">
    <
    head>
    <
    meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <
    title>Untitled Document</title>
    </
    head>

    <
    script type="text/javascript">
        var 
    curobj,x,y,t,l,yy,xx
        
    document.onmousedown=changeclass
    function changeclass(evt)
    {
        
    evt=evt?evt:event
        target
    =evt.target?evt.target:evt.srcElement;
        if (
    target.tagName=='TABLE')
        {
              
    curobj=target;
               
    document.onmousemove=drag;
        }

    }

    function 
    drag(evt){

        
    evt=evt?evt:event;
        
    curobj.style.width=evt.clientX;
        
    curobj.style.height=evt.clientY;
        
    document.onmouseup=up;
    }

    function 
    up(){

            
    document.onmosemove=null;
            
    curobj=null;
    }


    </script>
    <body>
    <table width="200" border="1" >
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table>

    </body>

    </html> 
    __________________________________________________________________________
    (آخرین ویرایش در این ارسال: ۱۳۸۸ تير ۱ ۰۱:۰۰ عصر، توسط php.)
    ۱۳۸۸ تير ۱ ۱۲:۳۲ عصر
    یافتن ارسال‌ها WWW پاسخ با نقل قول
     تشکر شده توسط : AHMADBADPEY molana
    AHMADBADPEY آفلاین
    احمد بادپی
    ***

    ارسال‌ها: 118
    تاریخ عضویت: ۱۳۸۷ اسفند ۱
    اعتبار: 1
    تشکرها : 35
    ( 43 تشکر در 19 ارسال )
    ارسال: #4
    RE: resize جداول با کشیدن گوشه های آن
    با تشکر
    خیلی خوب و جالب بود . اما مشکلی که داره اینه که فقط تویIE کار می کنه . اگه بشه با CSS هم کاری کنیم که با اومدن mouse روی border هاش نمایشگر ماوس به حالت resize در بیاد عالیه . خودم هم دارم دستکاریش می کنم
    __________________________________________________________________________
    1stwebdesigner.ir

    learningjquery.ir
    ۱۳۸۸ تير ۱ ۰۱:۰۵ عصر
    یافتن ارسال‌ها WWW پاسخ با نقل قول
     تشکر شده توسط :
    php آفلاین
    hossein
    ****

    ارسال‌ها: 629
    تاریخ عضویت: ۱۳۸۷ دي ۴
    اعتبار: 13
    تشکرها : 467
    ( 798 تشکر در 277 ارسال )
    ارسال: #5
    RE: resize جداول با کشیدن گوشه های آن
    درسته با firefox مشکل داشت که رفعش کردم .

    مشلش به خاطر این بود که موقعی که مختصات موس رو به جدول می دادم نوع اعداد رو مشخص نکرده بودم که حل شد در مورد شمل موس هم درستش کردم .

    کد PHP:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <
    html xmlns="http://www.w3.org/1999/xhtml">
    <
    head>
    <
    meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <
    title>Untitled Document</title>
    </
    head>

    <
    script type="text/javascript">
        var 
    curobj,x,y,t,l,yy,xx
        
    document.onmousedown=changeclass
    function changeclass(evt)
    {
        
    evt=evt?evt:event
        target
    =evt.target?evt.target:evt.srcElement;

        if (
    target.tagName=='TABLE')
        {
              
    curobj=target;
               
    document.onmousemove=drag;
                
    curobj.style.cursor='move';
        }

    }

    function 
    drag(evt){

        
    evt=evt?evt:event;
        
    curobj.style.width=evt.clientX+'px';
        
    curobj.style.height=evt.clientY+'px';
        
        
    document.onmouseup=up;
    }

    function 
    up(){

            
    document.onmosemove=null;
            
    curobj.style.cursor='default';
            
    curobj=null;
            
    }


    </script>
    <body>
    <table width="200" border="1" >
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table>

    </body>

    </html> 

    کاملش که کردی کدش رو حتما اینجا قرار بدی .
    __________________________________________________________________________
    ۱۳۸۸ تير ۱ ۰۱:۲۲ عصر
    یافتن ارسال‌ها WWW پاسخ با نقل قول
     تشکر شده توسط : molana
    oia آفلاین
    محمد ثانی
    *****

    ارسال‌ها: 2,012
    تاریخ عضویت: ۱۳۸۷ آذر ۲۶
    اعتبار: 66
    تشکرها : 2330
    ( 2091 تشکر در 1290 ارسال )
    ارسال: #6
    RE: resize جداول با کشیدن گوشه های آن
    حسین عزیز این چطوری کار می کنه؟
    من فهمیدم که با jQuery کارای خوبی می شه کرد هرچند که خیلی سادست اما من jQuery بلند نیستم علی رغم سادگی زیادش
    این دست محمد یا صالح رو می بوسه Wink
    من خودم سعی کردم یه چیزی بنویسم و این فقط در حد سعی باقی موند
    اما توی گوگل می شه کد های زیادی پیدا کرد
    واقعآ نتایج زیاد بود مثلآ http://www.switchonthecode.com/tutorials...-textboxes و نتایجی از این قبیل
    (آخرین ویرایش در این ارسال: ۱۳۸۸ تير ۱ ۰۵:۲۰ عصر، توسط oia.)
    ۱۳۸۸ تير ۱ ۰۵:۰۶ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط :
    php آفلاین
    hossein
    ****

    ارسال‌ها: 629
    تاریخ عضویت: ۱۳۸۷ دي ۴
    اعتبار: 13
    تشکرها : 467
    ( 798 تشکر در 277 ارسال )
    ارسال: #7
    RE: resize جداول با کشیدن گوشه های آن
    محمد جان منظورت این هست که کد کار نمی کنه یا اینکه کد رو توضیح بدم ؟
    __________________________________________________________________________
    ۱۳۸۸ تير ۱ ۰۵:۳۷ عصر
    یافتن ارسال‌ها WWW پاسخ با نقل قول
     تشکر شده توسط :
    oia آفلاین
    محمد ثانی
    *****

    ارسال‌ها: 2,012
    تاریخ عضویت: ۱۳۸۷ آذر ۲۶
    اعتبار: 66
    تشکرها : 2330
    ( 2091 تشکر در 1290 ارسال )
    ارسال: #8
    RE: resize جداول با کشیدن گوشه های آن
    حسین عزیم، یا اینکه توضیح بدین چطور استفاده کنم Wink
    (آخرین ویرایش در این ارسال: ۱۳۸۸ تير ۱ ۰۵:۵۷ عصر، توسط oia.)
    ۱۳۸۸ تير ۱ ۰۵:۵۶ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط :
    php آفلاین
    hossein
    ****

    ارسال‌ها: 629
    تاریخ عضویت: ۱۳۸۷ دي ۴
    اعتبار: 13
    تشکرها : 467
    ( 798 تشکر در 277 ارسال )
    ارسال: #9
    RE: resize جداول با کشیدن گوشه های آن
    استفاده از این کد که کاری نداره فقط لزمه کد رو کپی کنی داخل یک صفحه و بعد اجراش کنی با کشیدن گوشه های جدول می تونی اندازه های اون رو تغییر بدی و حالا با تغییر اون به شکل یک پنجره و گذاشتن بعضی محدودیت ها روی اون میشه اون رو به یه پنجره تبدیل کرد که قابلیت تغییر اندازه داره .
    __________________________________________________________________________
    ۱۳۸۸ تير ۱ ۰۶:۰۰ عصر
    یافتن ارسال‌ها WWW پاسخ با نقل قول
     تشکر شده توسط :
    oia آفلاین
    محمد ثانی
    *****

    ارسال‌ها: 2,012
    تاریخ عضویت: ۱۳۸۷ آذر ۲۶
    اعتبار: 66
    تشکرها : 2330
    ( 2091 تشکر در 1290 ارسال )
    ارسال: #10
    RE: resize جداول با کشیدن گوشه های آن
    بله درست میگی
    ۱۳۸۸ تير ۱ ۰۶:۳۷ عصر
    یافتن ارسال‌ها پاسخ با نقل قول
     تشکر شده توسط :
    « قدیمی تر | تازه‌ تر »

  • صفحه‌ها (2):
  • ارسال پاسخ
    پرش به انجمن:


    کاربرانِ درحال بازدید از این موضوع: 1 مهمان
    IranPHP.org | تماس با ما | بازگشت به بالا | بازگشت به محتوا | بایگانی | پیوند سایتی RSS