|
|
|
| Здравствуйте. Помогите пожалуйста прочитать значение текста тега DIV и тега <А>, когда щелкают или первый или второй <А>
<HTML>
<DIV> текст тега Div1
<А href='#'> текст тега href1</А>
<А href='#'> текст тега href2</А>
</DIV>
</HTML>
|
КОгда кликают мышкой по тегу <А> (одному из двух) необходимо получить ПАРУ, например:
1 текст тега href1 И текст тега Div или
2 текст тега href2 И текст тега Div
Вообще у меня таблица. Кликая по номеру строки надо подучать значение всей строки, а если прописывать в гиперссылке то удвоение перезружает страницу | |
|
|
|
|
|
|
|
|
для: Deed
(03.01.2013 в 19:35)
| | Спасибо, здорово, красиво,но чуточку не так.
у меня в строке две цены и одно наименование.
ц1 | ц2 | название
10 | 20 | товар1
20 | 30 | товар2
По первой строке выходит два варианта {10:товар1} или {20:товар1}
По второй строке выходит два варианта {20:товар2} или {30:товар2}
и т. до 20 000строк
Цены разные из срочнсти доставки.
Вотя ошибку где-то сделал. Мышка курсор не меняет.
Не знаю как сохранить в этой...результат, в вашем изменил. ВРоде вышло http://jsfiddle.net/wvLrE/11/
$('tr td').click(function(){
var quant = $(this).text();
var price = $(this).siblings('.three').text();
alert('Выбранное количество: '+quant+'\nПо цене: $'+price+'');
});
|
К тому же так не хочется на всяких библиотеках, а не на Javascript, выматывает переключение на главные задачи. | |
|
|
|
|
|
|
|
для: добряк
(03.01.2013 в 19:58)
| | Вообще надо делать на javascript | |
|
|
|
|
|
|
|
|
для: Deed
(04.01.2013 в 00:24)
| | Спасибо, очень интересно и поучительно, я http://jsfiddle.net/wvLrE/16/
Но мне эти языки не нравятся. Если постоянно им заниматься, то любобытно.
Но когда полехешь через полгода, года, то из-за стиля, я каждый раз сбиваюсь.
ВЫ уж извините при большом коде все эти class и т. д. болно много место занимают
Нужен JavaScript, я думаю после вашейидеи можно по аналогии сделать, а то я
вначале цеплял событе и....вообщем не понравилось чт-то. Завтра задачку уточнб, вплане дизайна и место расположения..и буде пробовать.
Как JavaScript запустить я не понял, может кто подскажет? | |
|
|
|
|
|
|
|
для: Deed
(04.01.2013 в 00:24)
| | Переработал вашу, и благодаря вашей помощи накидал
http://jsfiddle.net/wvLrE/32/
Конечно надо дорабатывать, так как на самом деле М и Л это разные магазины, а в зависимости наличия информации, надо туда запрос отправлять по разному.
Но мне легче читается тут, с JavaScriptom
Тут так же экономичнее, так как основной вес будет в самой информации до 20000 строк.
А скрипт 30, 40, 100 строк не ыважно, важна легкость в читабельности и ясности в понимании.
Кроссбраузерность можно еще, хотя я делаяю так, что бы ссылка срабатывала ( если JavaScrip не работает) target и перекидывала на другую страницу
<html>
<head>
<style>
table{
border:1px #666666 solid;
background-color:#D9FEB7;
width:93%;
}
#first_tr{
background-color:#D4D8C8;
}
td{
text-align:center;
}
#first_tr>td{
font-weight:600;
}
.raz{
width:15%;
cursor:pointer;
}
tr:nth-child(even){
background-color:#EAFFEC;
}
</style></head>
<script>
alert(11)
function click()
{
ob=event.srcElement;
if(ob.outerText=="M" ){
alert(ob.outerText)
alert(ob.nextSibling.nextSibling.nextSibling.nextSibling.outerText)
}
if(ob.outerText=="L" ){
alert(ob.outerText)
alert(ob.nextSibling.nextSibling.outerText)
}
}
document.ondblclick = click;
</script>
<center>
<table border="1" cellspacing="1" cellpadding="4">
<tr id="first_tr">
<td >#</td>
<td >Quantity</td>
<td >Price</td>
</tr>
<tr>
<td >M</td>
<td >L</td>
<td >15.99</td>
</tr>
<tr>
<td >M</td>
<td >L</td>
<td >125.99</td>
</tr>
<tr>
<td >M</td>
<td >L</td>
<td >211.69</td>
</tr>
<tr>
<td >M</td>
<td >L</td>
<td >500.69</td>
</tr>
</table>
</center>
</body>
</html>
|
| |
|
|
|