PDA

View Full Version : یک کاربر از jquery



ali_mnkt
یک شنبه 16 تیر 1392, 19:51 عصر
با سلام

دوستان به صفحه زیر یک نگاهی بندازید . هرچقدر صفحه پایین می ره سمت چپش هم باهاش پایین می ره فکر کنم jquery باشه . کسی می تونه بگه چطور می تونم یک همچین چیزی دربیارم ؟ و یا مقاله ای ، مطلبی سراغ دارید ؟

http://barnamenevis.info/course/android4development_advanced

Hajivandian
یک شنبه 16 تیر 1392, 20:53 عصر
سلام،
یه نگاه به لینک زیر بنداز
http://jsfiddle.net/hajivandian/k2t6S/1/

r_s1389@yahoo.com
یک شنبه 16 تیر 1392, 21:46 عصر
سلام،
یه نگاه به لینک زیر بنداز
http://jsfiddle.net/hajivandian/k2t6S/1/
آقا یه سوال
اونجا کار میکنه ولی تو پروژه ما نه چجوریاست
مثل یک باکس ساده عمل میکنه

Hajivandian
یک شنبه 16 تیر 1392, 21:53 عصر
برای اینکه کار کنه اول باید کتابخونه جی کوئری رو به صفحه ات لینک کنی و همچنین به خاطر اینکه از توابع easing برای انیمیشنش استفاده کردم باید کتابخانه اون رو هم اضافه کنی.
دانلود کتابخانه jQuery easing (http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js)

r_s1389@yahoo.com
یک شنبه 16 تیر 1392, 21:59 عصر
این نسخه از جی کوئری رو هم به برنامه لینک دادم ها

<script src="jquery-1.10.2.min.js" type="text/javascript"></script>

r_s1389@yahoo.com
یک شنبه 16 تیر 1392, 22:07 عصر
برای اینکه کار کنه اول باید کتابخونه جی کوئری رو به صفحه ات لینک کنی و همچنین به خاطر اینکه از توابع easing برای انیمیشنش استفاده کردم باید کتابخانه اون رو هم اضافه کنی.
دانلود کتابخانه jQuery easing (http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js)
من این دوتا کتابخانه رو هم به برنامه اضافه کردم اما حالا صفحه باز نمیشه یه حالتی مثل : هی داره صفحه رفرش میشه.

<script src="jquery.easing.1.3.js" type="text/javascript"></script>
<script src="jquery-1.10.2.min.js" type="text/javascript"></script>

Hajivandian
یک شنبه 16 تیر 1392, 22:11 عصر
اون دو تا کتابخونه رو جا به جا کن: یعنی اول جی کوئری رو اضافه کن بعد easing رو. احتمالا باید درست بشه. اگر درست نشد صفحه ای که طراحی کردی رو ضمیمه کن تا چک کنم.

r_s1389@yahoo.com
یک شنبه 16 تیر 1392, 22:12 عصر
میشه توابع کتابخانه ایش رو بذاری برا دانلود خدا خیرت بده

r_s1389@yahoo.com
یک شنبه 16 تیر 1392, 22:16 عصر
اون دو تا کتابخونه رو جا به جا کن: یعنی اول جی کوئری رو اضافه کن بعد easing رو. احتمالا باید درست بشه. اگر درست نشد صفحه ای که طراحی کردی رو ضمیمه کن تا چک کنم.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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 runat="server">
<title>Untitled Page</title>
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
<script src="menu.js" type="text/javascript"></script>

<script src="jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="jquery.easing.1.3.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<div class="menu">

</div>
</form>
</body>
</html>

r_s1389@yahoo.com
یک شنبه 16 تیر 1392, 22:24 عصر
میگم شما خودتون کدها رو چک کنین ببینید کار میکنه؟؟؟
یاشا

r_s1389@yahoo.com
یک شنبه 16 تیر 1392, 22:28 عصر
اون دو تا کتابخونه رو جا به جا کن: یعنی اول جی کوئری رو اضافه کن بعد easing رو. احتمالا باید درست بشه. اگر درست نشد صفحه ای که طراحی کردی رو ضمیمه کن تا چک کنم.
ببخشید که مزاحم میشم
آقا کار کرد ولی یه عکس میاره که خیلی ضایع است 106813
چیکار کنم که اون رو نشون نده

ali_mnkt
یک شنبه 16 تیر 1392, 23:15 عصر
آقا من هم کدهای زیر رو زدم ولی کار نکرد. مشکل کجاست ؟


<head runat="server">
<title></title>
<script src="Scripts/jquery.min.js" type="text/javascript"></script>
<script src="Scripts/jsEasing.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
jQuery.easing.def = "easeInOutQuart";
$(window).scroll(function (e) {

$("#box").stop();
$("#box").animate({top: ($(document).scrollTop() + 8)}, 800);
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div align="center">
<div id="box" style="width: 400px; height: 200px; background-color: #FF0000">
dfdhhgfhfghfgh
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />

Hajivandian
یک شنبه 16 تیر 1392, 23:23 عصر
آقا من هم کدهای زیر رو زدم ولی کار نکرد. مشکل کجاست ؟
شما سی اس است رو درست تنظیم نکردی به همون نمونه مراجعه کن ببین باید چیکار کنی.


آقا کار کرد ولی یه عکس میاره که خیلی ضایع است
یا کلا قضیه easing رو بیخیالش بشید http://jsfiddle.net/hajivandian/k2t6S/3/
و یا طبق توضیح همون عکس آدرس CDN اون پلاگین رو به صفحه تون لینک کنید.

ali_mnkt
یک شنبه 16 تیر 1392, 23:52 عصر
لطفا این قطعه کد رو ببین مشکلش کجاست

r_s1389@yahoo.com
یک شنبه 16 تیر 1392, 23:53 عصر
آقا من هم کدهای زیر رو زدم ولی کار نکرد. مشکل کجاست ؟


<head runat="server">
<title></title>
<script src="Scripts/jquery.min.js" type="text/javascript"></script>
<script src="Scripts/jsEasing.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
jQuery.easing.def = "easeInOutQuart";
$(window).scroll(function (e) {

$("#box").stop();
$("#box").animate({top: ($(document).scrollTop() + 8)}, 800);
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div align="center">
<div id="box" style="width: 400px; height: 200px; background-color: #FF0000">
dfdhhgfhfghfgh
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
کدهاتون رو به این شکل تغییر بدید کار میکنه ترتیب خیلی مهمه

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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 runat="server">
<title>Untitled Page</title>
<link href="StyleSheet.css" rel="stylesheet" type="text/css" />


<script src="jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="jquery.easing.1.3.js" type="text/javascript"></script>
<script src="menu.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<div class="menu">
<ul>
<li><a href="Default.aspx">صفحه اصلی </a></li>
<li><a href="Default.aspx">آپلود سنتر</a></li>
<li><a href="Default.aspx">گالری تصاویر</a></li>
<li><a href="Default.aspx">عضویت</a> </li>
<li><a href="Default.aspx">ارتباط با ما</a></li>
</ul>
</div>
</form>
</body>
</html>

در ضمن همچی سر این position: static; بود باید باشه تو css ها

r_s1389@yahoo.com
یک شنبه 16 تیر 1392, 23:56 عصر
لطفا این قطعه کد رو ببین مشکلش کجاست
اقا همچی زیز سر این position: static; هست باید باشه

ali_mnkt
سه شنبه 18 تیر 1392, 01:23 صبح
یک مشکلی با این کد دارم و اون هم این که وقتی باید box پایین بیاد که بعد از scroll ابتدای مرورگر به box برسه و از اونجا به بعد باید چسبیده به بالای مرورگر پایین بیاد . به عکس های زیر نگاه کنید مشکل رو متوجه می شید

ali_mnkt
سه شنبه 18 تیر 1392, 08:45 صبح
راه حل چیه ؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟ ؟؟؟؟؟؟؟؟؟

Hajivandian
سه شنبه 18 تیر 1392, 19:41 عصر
http://jsfiddle.net/hajivandian/k2t6S/18/

r_s1389@yahoo.com
سه شنبه 18 تیر 1392, 21:27 عصر
راه حل چیه ؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟ ؟؟؟؟؟؟؟؟؟
اولا تشکر میکنم از آقای Hajivandian (http://barnamenevis.org/member.php?188317-Hajivandian) که واقعا سایت خوب و راهنمایی عالی در درست کردن این کد کمک کردن تشکر میکنم

داداش میشه واضحح بگی چی شده من متوجه نشدم

r_s1389@yahoo.com
سه شنبه 18 تیر 1392, 21:30 عصر
http://jsfiddle.net/hajivandian/k2t6S/18/
ببخشید یه سوال
کد ها رو اونجا شما خودتون مینویسید؟؟؟؟؟؟؟؟؟؟؟

Hajivandian
سه شنبه 18 تیر 1392, 22:30 عصر
سلام،

jsFiddle (http://jsfiddle.net/) یک سرویس رایگان برای نوشتن کدهای جاوا اسکریپت و تست اون ها است. این سایت تونسته با کنار هم قرار دادن عناصر طراحی، یه محیط جمع و جور و سریع رو برای آزمایش کدها توی فریم ورک های مختلف ارائه بده. بله خودم کدها رو نوشتم. همونطور که ملاحظه میکنید با هر بار آپدیت کد، یک عدد به انتهای لینکی که قرار دادم اضافه میشه.


داداش میشه واضحح بگی چی شده من متوجه نشدم
توی کد جدید اومدم برای اسکرول کادر مورد نظر یک مقدار حداقل 'skip' رو برای جا به جایی در نظر گرفتم. یعنی تا وقتی header سایت از صفحه خارج نشده اون کادر اسکرول نمیشه. اینطوری خواستمون برآورده میشه.

ali_mnkt
سه شنبه 18 تیر 1392, 23:54 عصر
http://jsfiddle.net/hajivandian/k2t6S/18/

آقا دمت گرم مشگل حل شد