Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Ссылки из двух DIV (https://javascript.ru/forum/dom-window/42744-ssylki-iz-dvukh-div.html)

EleGant 07.11.2013 17:51

Ссылки из двух DIV
 
Подскажите как сделать такую штучку..
Есть группа ссылок
<div id="color">
<a class="red"></a>
<a class="green"></a>
<a class="black"></a>
<a class="brown"></a>
<div>

<div id="cover">
<a class="white"></a>
<a class="grey"></a>
<div>

Нужно сделать JS скрипт, который бы GET ом при нажатие на ссылку из COLOR и на ссылку из COVER отправлял данные в ПХП, ну там обработку я уже сделаю. Подскажите пожалуйста. Очень срочно надо
т.е. в ПХП надо отправить COLOR-RED COVER-WHITE

ksa 07.11.2013 18:16

Цитата:

Сообщение от EleGant
GET ом при нажатие на ссылку из COLOR и на ссылку из COVER отправлял данные в ПХП

Вот документация с примерами...

EleGant 07.11.2013 18:22

Отправить в ПХП я в принципе могу, спасибо, а вот вытищить эти самые данные я не могу и хотелось бы что бы помогли

ksa 07.11.2013 18:40

Цитата:

Сообщение от EleGant
вытищить эти самые данные я не могу

Цитата:

Сообщение от EleGant (Сообщение 280024)
Есть группа ссылок
<div id="color">
<a class="red"></a>
<a class="green"></a>
<a class="black"></a>
<a class="brown"></a>
<div>
<div id="cover">
<a class="white"></a>
<a class="grey"></a>
<div>

И где там какие-то данные? :blink:

EleGant 07.11.2013 18:51

Мне нужно чтобы в ПХП ушло значении из ОБОИХ дивов при нажатии на любой из них. Например чел жмет на <a class="black"></a> из ДИВ КОЛОР, а в ПХП уходит black....

EleGant 07.11.2013 18:52

наверно все таки лучше сделать радио баттонами
Вообще интерсует такой вариант как на этой странице http://www.apple.com/ru/iphone-5c/ второй слайд, где можно кастомизировать айфон, но надо чтобы уходило именно в ПХП

ksa 07.11.2013 21:33

Цитата:

Сообщение от EleGant
Например чел жмет на <a class="black"></a> из ДИВ КОЛОР, а в ПХП уходит black....

Читай тот black из свой ства className и отсылай методом $.get()...

Цитата:

Сообщение от EleGant
Вообще интерсует такой вариант как на этой странице http://www.apple.com/ru/iphone-5c/ второй слайд

А меня интересуют красивые дефки как тут... Так, что с того? :D

BETEPAH 07.11.2013 21:50

EleGant,
при клике на ссылку отправляете this.className
Только неправильно это - при каждом клике отправлять аяксы. Вряд ли Эппл так делает. Они при клике пользователю показывают варианты, а отправляют при сабмите формы.

Rise 07.11.2013 23:09

Как вариант:
<script>
$(function() {
	$("#color a, #cover a").click(function(e){
		e.preventDefault();
		var theId = $(this).parent().attr("id");
		var theClass = $(this).attr("class");
		$.get("test.php", { isId: theId, isClass: theClass }, function(data) {
			console.log(data); // Ответ с сервера в data
		});
	});
});
</script>

На сервере:
<?php
$verity = isset($_GET['isId'], $_GET['isClass']) && !empty($_GET['isId']) && !empty($_GET['isClass']);
if($verity) {
	$id = $_GET['isId'];
	$class = $_GET['isClass'];
	$data = NULL;
	// Формируем ответ 
	// ...
	// Присваиваем его $data
	echo $data; // Возвращаем ответ
}
?>

ksa 08.11.2013 07:00

Цитата:

Сообщение от Rise
var theClass = $(this).attr("class");

Это сильно! :)

Аналог
var theClass = this.className;


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