PDA

View Full Version : نمایش محتویات یک فایل TXT از طریق jquery



barbodsoft.com
دوشنبه 16 اسفند 1389, 17:29 عصر
سلام دوستان
من می خوام اطلاعات یک فایل txt رو تو صفحه وب از طریق JQUERY نمایش بدم و از طریق کد زیر موفق به این کار شدم ولی این کد رو به صورت کامل درک نمی کنم.


<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$('#result').load('TxtPage/Data.txt');
});
});
</script>
</head>
<body>
<button>Click to Load Data</button>
<button>Click to Load Data</button>
<div id="result"></div>
</body>
</html>


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

اگه می شه یک کد که دو تا لینک داره و هر کدوم یک فایل تکست بخصوصی رو نمایش می دن رو برام بزارید ممنون می شم.

hossin.esm
دوشنبه 16 اسفند 1389, 23:02 عصر
<html>
<head>
<script type="text/javascript" src="jquery.js"> </script>
<script type="text/javascript">
$(document).ready(function(){
$("#f1").click(function(){
$('#result1').load('TxtPage/Data.txt');
});
$("#f2").click(function(){
$('#result2').load('TxtPage/Data2.txt');
});
});
</script>
</head>
<body>
<button id="f1">Click to Load Data</button>
<button id="f2">Click to Load Data</button>
<br />
1
<div id="result1"></div>
2
<div id="result2"></div>
</body>
</html>

barbodsoft.com
دوشنبه 16 اسفند 1389, 23:46 عصر
سلام
ممنون که کمک می کنید. یک سوال دیگه
برای اینکه محتویات فایل به آرامی لود شود باید چطور نوشت؟ شبیه این کد


$("#PageDiv").show("slow");


در ضمن من زیاد کار طراحی وب کار نکردم. آیا این روشی که من برای تغییر صفحات می خوام استفاده کنم روش صحیحی هست؟

hossin.esm
سه شنبه 17 اسفند 1389, 08:36 صبح
سلام


برای اینکه محتویات فایل به آرامی لود شود باید چطور نوشت؟ شبیه این کد


$("#PageDiv").show("slow");






$('#result1').hide().load('TxtPage/Data.txt').fadeIn('slow');
$('#result2').hide().load('TxtPage/Data2.txt').show('slow');





در ضمن من زیاد کار طراحی وب کار نکردم. آیا این روشی که من برای تغییر صفحات می خوام استفاده کنم روش صحیحی هست؟


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

barbodsoft.com
سه شنبه 17 اسفند 1389, 15:51 عصر
بله صحیح هست .فقط نکته ای که دارد این هست که مطالبی که با ajax لود میشود از دید متور های جستجو مخفی است.

سلام
ببخشید که زیاد می پرسم. حالا اگه بخوایم همزمان هم از ajax استفاده کنیم و هم مشکل بالا رو حل کنیم باید چیکار کرد؟

hossin.esm
سه شنبه 17 اسفند 1389, 20:49 عصر
سلام
خواهش میکنم.
لینک زیر را ببین.

http://barnamenevis.org/showthread.php?183821-رفع-مشکل-SEO-در-Ajax-به-کمک-PHP-! (http://barnamenevis.org/showthread.php?183821-رفع-مشکل-SEO-در-Ajax-به-کمک-PHP)

barbodsoft.com
چهارشنبه 18 اسفند 1389, 12:14 عصر
سلام
خواهش میکنم.
لینک زیر را ببین.

http://http://barnamenevis.org/showthread.php?183821-رفع-مشکل-SEO-در-Ajax-به-کمک-PHP-!

سلام
لینکی که گذاشتید خراب هست.

hossin.esm
چهارشنبه 18 اسفند 1389, 13:14 عصر
http://barnamenevis.org/showthread.php?183821-رفع-مشکل-SEO-در-Ajax-به-کمک-PHP-!