لینک کردن سطرهای یک جدول

[e_a_23]

سلام دوستان
همونطور که می دونید به سطرهای یک جدول نمی تونیم تگ a بدیم و اونا رو به لینک تبدیل کنیم. با سوالاتی که پرسیدم و search به این نتیجه رسیدم اما نمی دونم چرا واسه من جواب نمی ده؟


<table>
<tbody>
<tr class='clickableRow'>
<td>Blah Blah</td>
<td>1234567</td>
<td>£158,000</td>
</tr>
</tbody>
</table>


$(function() {
$(".clickableRow").on("click", function() {
location.href="http://google.com";

});

});

[e_a_23]

کد جی کوئری رو به شکل دیگه ای هم نوشته بودن. من این هم تست کردم جواب نداد:

jQuery(document).ready(function($) {
$(".clickableRow").click(function() {
window.document.location = $(this).attr("href");
});
});

[p30online]

به نظر من:شما چه طوری می خواهید این را لینک کنید شما باید از بانک بخونید و با یک حلقه اطلاعات را بخونید یا به صورت ثابت نمایش دهید!

[Omid Jackson]

http://jsfiddle.net/OmidJackson/7avTK/
این هم تصحیح شده ی کد خودتون
http://jsfiddle.net/OmidJackson/XaCLb/

[e_a_23]

به نظر من:شما چه طوری می خواهید این را لینک کنید شما باید از بانک بخونید و با یک حلقه اطلاعات را بخونید یا به صورت ثابت نمایش دهید!

متوجه منظورتون نمی شم. به بانک نیازی نداره که.

[e_a_23]

بازم نشد. من کد جی کوئری رو در قسمت head می ذارم بین دو تگ script آخه دیگه مشکل از کجاست؟
یه کد جی کوئری دیگه هم دارم. ممکنه تقدم و تاخر این دو تا مهم باشه؟ البته جا به جاشون هم کردم درست نشد. اون یکی کد جی کوئری هم گذاشتم که کد خودم بود و اصلاح کرده بودین.بازم اوکی نشد.
دوتاشون رو گذاشتم ببینید شاید اشتباهی کردم.

<script type="text/javascript">
$(document).ready(function() {
$("table tr:eq(0)").click(function() {
window.location.href = "http://www.barnamenevis.org";
});
$("table tr:eq(1)").click(function() {
window.location.href = "http://www.facebook.com";
});
$("table tr:eq(2)").click(function() {
window.location.href = "http://www.w3schools.com";
});
});
</script>

<script type="text/javascript">
$(window).load(function() {
setTimeout(function() {
$("#slider").nivoslider({
effect: 'random', //Specify sets like: 'fold,fade,sliceDown'
slices: 15,
animSpeed: 500, //Slide transition speed
pauseTime: 3000,
startSlide: 0, //Set starting Slide (0 index)
directionNav: true, //Next & Prev
directionNavHide: true, //Only show on hover
controlNav: true, //1,2,3...
controlNavThumbs: true, //Use thumbnails for Control Nav
controlNavThumbsFromRel: false, //Use image rel for thumbs
controlNavThumbsSearch: '.jpg', //Replace this with...
controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
keyboardNav: true, //Use left & right arrows
pauseOnHover: false, //Stop animation while hovering
manualAdvance: false, //Force manual transitions
captionOpacity: 0.8, //Universal caption opacity
beforeChange: function() { },
afterChange: function() { },
slideshowEnd: function() { } //Triggers after all slides have been shown
});
}, 1000);
});
</script>

[Omid Jackson]

بازم نشد. من کد جی کوئری رو در قسمت head می ذارم بین دو تگ script آخه دیگه مشکل از کجاست؟
یه کد جی کوئری دیگه هم دارم. ممکنه تقدم و تاخر این دو تا مهم باشه؟ البته جا به جاشون هم کردم درست نشد. اون یکی کد جی کوئری هم گذاشتم که کد خودم بود و اصلاح کرده بودین.بازم اوکی نشد.
دوتاشون رو گذاشتم ببینید شاید اشتباهی کردم.

<script type="text/javascript">
$(document).ready(function() {
$("table tr:eq(0)").click(function() {
window.location.href = "http://www.barnamenevis.org";
});
$("table tr:eq(1)").click(function() {
window.location.href = "http://www.facebook.com";
});
$("table tr:eq(2)").click(function() {
window.location.href = "http://www.w3schools.com";
});
});
</script>

<script type="text/javascript">
$(window).load(function() {
setTimeout(function() {
$("#slider").nivoslider({
effect: 'random', //Specify sets like: 'fold,fade,sliceDown'
slices: 15,
animSpeed: 500, //Slide transition speed
pauseTime: 3000,
startSlide: 0, //Set starting Slide (0 index)
directionNav: true, //Next & Prev
directionNavHide: true, //Only show on hover
controlNav: true, //1,2,3...
controlNavThumbs: true, //Use thumbnails for Control Nav
controlNavThumbsFromRel: false, //Use image rel for thumbs
controlNavThumbsSearch: '.jpg', //Replace this with...
controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
keyboardNav: true, //Use left & right arrows
pauseOnHover: false, //Stop animation while hovering
manualAdvance: false, //Force manual transitions
captionOpacity: 0.8, //Universal caption opacity
beforeChange: function() { },
afterChange: function() { },
slideshowEnd: function() { } //Triggers after all slides have been shown
});
}, 1000);
});
</script>

ظاهرا که من مشکل خاصی نمیبینم توش، شما ضمیمه کنین بذارین تا مشکل رو برطرف کنیم

[e_a_23]

فکر کنم اوکی شد از این روش:
http://jsfiddle.net/OmidJackson/7avTK/
اما آیا باید به همه ی td ها cursor:pointer بدم؟

[130000]

سلام

متوجه منظورت نشدم . دقیق توضیح بده میخوای چیکار کنی تا راهنماییت کنم...

[eidazha]

فکر کنم اوکی شد از این روش:
http://jsfiddle.net/OmidJackson/7avTK/
اما آیا باید به همه ی td ها cursor:pointer بدم؟

نه نيازي نيست ميتونيد تو css يك بار تعريف كنيد به اين صورت :


table.mytable td {
cursor:pointer;
}

بعد براي تيبل خود class تعريف كنيد به نام mytable


<table class="mytable">

[Omid Jackson]

فکر کنم اوکی شد از این روش:
http://jsfiddle.net/OmidJackson/7avTK/
اما آیا باید به همه ی td ها cursor:pointer بدم؟
نه اونو من خودم دادم، سی اس اس و اچ تی ام ال رو همینطوری گذاشتم که یه ظاهری داشته باشه، بیشتر توجه روی جی کوئری بود

[refugee]

امید جان فکر کنم اینجوری هم بتونیم بهش لینک بدیم :



<table>
<tr href="#">
<td></td>
</tr>
</table>




<script>
$(document).ready(function(){
$('table tr').click(function(){
window.location = $(this).attr('href');
return false;
});
});
</script>

[Omid Jackson]

امید جان فکر کنم اینجوری هم بتونیم بهش لینک بدیم :



<table>
<tr href="#">
<td></td>
</tr>
</table>




<script>
$(document).ready(function(){
$('table tr').click(function(){
window.location = $(this).attr('href');
return false;
});
});
</script>


اشکال ایشون توی window.document.location بود، دستور غلط بود که درستش رو نوشتم و برای اینکه عملی باشه من مقدار رو آدرس سایت دادم

[e_a_23]

http://jsfiddle.net/OmidJackson/7avTK/
این هم تصحیح شده ی کد خودتون
http://jsfiddle.net/OmidJackson/XaCLb/

مشکلم حل شد. یه سوال: eq در لینکی که گذاشتید مقدار td هست؟

[رضا قربانی]

امید جان فکر کنم اینجوری هم بتونیم بهش لینک بدیم :



<table>
<tr href="#">
<td></td>
</tr>
</table>




<script>
$(document).ready(function(){
$('table tr').click(function(){
window.location = $(this).attr('href');
return false;
});
});
</script>


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

کسی هست جاوا اسکریپتش رو درست کنه که اگر جدولی خصوصیت href نداشت دیگه به صفحه ای ارسال نشه
ممنون میشم