Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Надо получить значение тега
 
 автор: добряк   (03.01.2013 в 16:37)   письмо автору
 
 

Здравствуйте. Помогите пожалуйста прочитать значение текста тега DIV и тега <А>, когда щелкают или первый или второй <А>

<HTML>
<DIV>   текст тега Div1

           <А href='#'> текст тега  href1</А>
           <А href='#'> текст тега  href2</А>      
          
 </DIV> 
</HTML>

КОгда кликают мышкой по тегу <А> (одному из двух) необходимо получить ПАРУ, например:
1 текст тега href1 И текст тега Div или
2 текст тега href2 И текст тега Div

Вообще у меня таблица. Кликая по номеру строки надо подучать значение всей строки, а если прописывать в гиперссылке то удвоение перезружает страницу

  Ответить  
 
 автор: Deed   (03.01.2013 в 19:35)   письмо автору
 
   для: добряк   (03.01.2013 в 16:37)
 

http://jsfiddle.net/wvLrE/

  Ответить  
 
 автор: добряк   (03.01.2013 в 19:58)   письмо автору
 
   для: 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 в 21:02)   письмо автору
 
   для: добряк   (03.01.2013 в 19:58)
 

Вообще надо делать на javascript

  Ответить  
 
 автор: Deed   (04.01.2013 в 00:24)   письмо автору
 
   для: добряк   (03.01.2013 в 21:02)
 

http://jsfiddle.net/wvLrE/20/

  Ответить  
 
 автор: добряк   (04.01.2013 в 01:57)   письмо автору
 
   для: Deed   (04.01.2013 в 00:24)
 

Спасибо, очень интересно и поучительно, я http://jsfiddle.net/wvLrE/16/
Но мне эти языки не нравятся. Если постоянно им заниматься, то любобытно.
Но когда полехешь через полгода, года, то из-за стиля, я каждый раз сбиваюсь.

ВЫ уж извините при большом коде все эти class и т. д. болно много место занимают
Нужен JavaScript, я думаю после вашейидеи можно по аналогии сделать, а то я
вначале цеплял событе и....вообщем не понравилось чт-то. Завтра задачку уточнб, вплане дизайна и место расположения..и буде пробовать.

Как JavaScript запустить я не понял, может кто подскажет?

  Ответить  
 
 автор: добряк   (04.01.2013 в 02:50)   письмо автору
 
   для: 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>

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования