Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Переделать код из php полностью под js (https://javascript.ru/forum/jquery/26534-peredelat-kod-iz-php-polnostyu-pod-js.html)

adelante 12.03.2012 01:48

Переделать код из php полностью под js
 
Здравствуйте.

- есть кнопки с id="daylabel_n", где n -- от 1 до $amount_days
- есть блоки с контентом и id="daydesc_n" class="daydesc", где n -- от 1 до $amount_days
- все блоки по умолчанию display:none, один становится видимым при загрузке страницы.

Нужно сделать, что бы, при клике на #daylabel_n, видимый div.daydesc прятался, а div#daylabel_n показывался.

Сделал я это на смеси php и javascript/jquery. PHP использовал, потому что не знаю, как на js взять этот самый "n" из "daylabel_n".

вот код:

<script type="text/javascript">
				        jQuery(window).load(function() {
				        
				        	jQuery('#daydescr_1').show();
			
							<?php 
								
								for ($i = 1; $i < $amount_days; $i++) {
									echo "jQuery('#daylabel_".$i."').click(function () {
											jQuery('.daydescr:visible').hide();
											jQuery('#daydesc_".$i.").show();
									});
									";
								}
								        		
								        		
					
							?>
                                               });
								      
		  		</script>



Собственно, вопрос и состоит в том, как уйти от php в сторону грамотного js. Спасибо.

trikadin 12.03.2012 02:20

adelante, начните с http://learn.javascript.ru

adelante 12.03.2012 03:42

trikadin, обязательно начну, но сейчас у меня нет на это времени.

Думаю, весь мой вопрос можно сузить до:

Как можно получить часть значения аттрибута элемента? В данном случае -- значение -- string, аттрибут -- id="".

skfyann 12.03.2012 07:12

Цитата:

Сообщение от adelante (Сообщение 162595)
Как можно получить часть значения аттрибута элемента?

Есть такая штука, она гуглом называется... Давайте помогу.
http://bit.ly/zDikZ8
http://bit.ly/w72rI5

zebra 12.03.2012 12:38

jQuery('div[id^=daylabel_]').click(function() {});

Дальше сами

adelante 12.03.2012 19:05

Спасибо всем, хватило ссылок skfyann. Кстати, я сначала пробовал гуглить.


Часовой пояс GMT +3, время: 14:54.