آموزش اشتراک گذاری مطالب در شبکه های اجتماعی به صورت PopUp در Asp.Net
0 0

آموزش اشتراک گذاری مطالب در شبکه های اجتماعی به صورت PopUp در Asp.Net


آموزش اشتراک گذاری مطالب در شبکه های اجتماعی به صورت PopUp در Asp.Net

در این پروژه می خواهیم ببینیم چگونه می توان برای مطالب خود دکمه های اشتراک گذاری روی شبکه های اجتماعی گذاشت بدون اینکه به سایت مقصد منتقل بشویم.

برای این کار باید از خاصیت popup استفاده کرد که در ادامه آموزش نحوه پیاده سازی این کار با استفاده از جی کوئری برای شما کاربران ایران گنج اموزش خواهیم داد.

 ابتدا یک پروژه با نام IranGanjTweet ایجاد میکنیم.

آموزش اشتراک گذاری مطالب در شبکه های اجتماعی به صورت PopUp در Asp.Net

حالا داخل این پروژه یه وب فرم با نام IranGanjTweet  ایجاد می نماییم

آموزش اشتراک گذاری مطالب در شبکه های اجتماعی به صورت PopUp در Asp.Net

کد زیر را در وب فرم می نویسیم

<form id="form2" runat="server">
    <div id="btnTweet">
        <a href="http://twitter.com/share" id="PopUpTweet">
            <img src="/img/tweet.jpg" alt="iranganj" />
        </a>
    </div>
</form>

همانطور که می بینید یک تگ لینک ایجاد کردیم و داخل آن یک تصویر گذاشتیم به مسیر تصویر دقت کنید
     داخل پروژه یک پوشه با نام img ایجاد و تصویری دلخواه از تویتر میگذاریم.

و یک پوشه دیگر برای جاوا اسکریپت.

آموزش اشتراک گذاری مطالب در شبکه های اجتماعی به صورت PopUp در Asp.Net
      
      خب صفحه را اجرا میگیریم
      

آموزش اشتراک گذاری مطالب در شبکه های اجتماعی به صورت PopUp در Asp.Net

      حال اگر روی تصویر آیکن کلیک کنیم مستقیم روی صفحه اصلی تویتر میرویم


      آموزش اشتراک گذاری مطالب در شبکه های اجتماعی به صورت PopUp در Asp.Net

حال ببینیم چگونه میشود صفحه به نمایش در آمده را بدون اینکه روی صفحه اصلی تویتر برویم به صورتpopup
      روی سایت خودمان باز کنیم
      برای  اینکار از جی کوئری استفاده می کنیم

<script type="text/javascript">

    $('#PopUpTweet').click(function (event) {

        var width = 575,

            height = 400,

            left = ($(window).width() - width) / 2,

            top = ($(window).height() - height) / 2,

            url = this.href,

            opts = 'status=1' +

                     ',width=' + width +

                     ',height=' + height +

                     ',top=' + top +

                     ',left=' + left;

        window.open(url, 'twitter', opts);

        return false;

    });

</script>

در  کد بالا  در تابع,  ما رویداد کلیک تعریف کردیم
      و ID مربوط به تویتر را هم در کد فراخوانی کردیم و چون پنجره به صورت پاپ آپ است مقادیر عرض و طول و ....
       تعیین که زیبایی خود را داشته باشد.

حالا دوباره صفحه را اجرا میکنیم 

 

آموزش اشتراک گذاری مطالب در شبکه های اجتماعی به صورت PopUp در Asp.Net

به همین راحتی میتوانید دکمه های اشتراک popup داشته باشید ما برای نتیجه یک شبکه اجتماعی دیگر هم اضافه میکنم.

نتیجه کار را می توانید ببینید

آموزش اشتراک گذاری مطالب در شبکه های اجتماعی به صورت PopUp در Asp.Net

دانلود

نویسنده علی بهارلویی
گروه مطلب Asp.Net
نوع مطلب فیلم آموزشی
تاریخ انتشار ۱ شهریور ۱۳۹۴
منبع ایران گنج
تعداد نظرات ۰
قیمت کاربران عضو سایت
توضیح توجه:
  • زمانی که روی لینک دانلود کلیک می کنید لینک دانلود به مدت 24 ساعت معتبر خواهد بود
  • لینک های دانلود دوره های آموزشی تا پایان دوره قابل دانلود می باشد.
  • برای خارج کردن فایل ها از حالت فشرده از ورژن جدید نرم افزار winrar استفاده کنید.
  • برای خارج کردن فایل ها از حالت فشرده لینک های دانلودی که چندین قسمت می باشند فقط قسمت اول را از حالت فشرده خارج کنید.
  • لطفا توضیحات نوشته شده برای مطالب را با دقت بخوانید.
  • برای نمایش فیلم ها می توانید از نرم افزار هایی مانند Km Player , VLC Player یا Media Player Classic استفاده کنید.

نظر / سوال

Captcha

این صفحه را می‌پسندم