X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> JQuery
dimjan4
dimjan4
Topic Starter сообщение 31.5.2010, 15:50; Ответить: dimjan4
Сообщение #1


Привет всем!
Есть такая задача:
При клике:
Если див открыт, надо поменять ссылку и закрыть див.
Если див закрыт, надо поменять ссылку и открыть див.

В нете нашел такой пример:
[PHP]<script language="JavaScript">
$(document).ready(function(){
$(".open").click(function(){
$(".ArchaicTools").toggle("slow");
});
});
</script>[/PHP]
Это для открытия, как я понял.
Но мне же надо ещё менять ссылку!

<a href="#">Открыть</a>
<div></div>

Помогите, пожалуйста.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Letmetouchyou
Letmetouchyou
сообщение 1.6.2010, 6:26; Ответить: Letmetouchyou
Сообщение #2


  $(".ArchaicTools").toggle("slow", function(){
if(p==0) { $('.open').html('open'); p=1;}
   else { $('.open').html('close'); p=0;}
});
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dimjan4
dimjan4
Topic Starter сообщение 3.6.2010, 17:52; Ответить: dimjan4
Сообщение #3


Можете ещё с Ajax'oм помочь...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(".send").click(function() {
$.ajax({
type: "POST",
url: "driver.php",
data: "",
success: function(){
$('#server_answer').html('SENDED');
}
});
});
</script>
</head>
<body>
<table>
<tr>
<td><input type="text" id="inp_email"></td>
<td><input type="button" class="send" value="Отправить код"/></td>
</tr>
<tr>
<td><div id="server_answer">&nbsp;</div></td>
</tr>
<tr>
<td>Код из письма</td>
<td><input type="text" id="inp_number"></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</body>
</html>

Должно происходить следующее:
1. Человек вписывает в поле e-mail адрес эл. почты.
2. Нажимает на кнопку "Отправить код".
3. В <div id="server_answer"> должна появится надпись "Отправляю...".
4. Далее в <div id="server_answer"> должен появиться ответ от php скрипта (он может быть положительным или отрицательным)
Вот и всё.
Просто я совсем с JQuery не дружу.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 3.6.2010, 18:01; Ответить: alexdrob
Сообщение #4


ну вот это
$('#server_answer').html('SENDED');

наверное надо перед вызовом аякса вставить

попробуй так

$(".send").click(function() {
$('#server_answer').html('отправляю');
$.ajax({
type: "POST",
url: "driver.php",
data: "",
success: function(msg){
$('#server_answer').html(msg);
}
});
});
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dimjan4
dimjan4
Topic Starter сообщение 3.6.2010, 18:25; Ответить: dimjan4
Сообщение #5


В данный момент меня больше интересуют следующие вопросы:
1. Какой jQuery эквивалент document.getElementById() (чтобы составить эту строку: data: "",)
2. Как получить ответ от php движка.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 3.6.2010, 18:31; Ответить: alexdrob
Сообщение #6


(dimjan4 @ 3.6.2010, 21:25) *
эквивалент document.getElementById()

$()
вот же у вас запись
$('#server_answer').html('отправляю');

document.getElementById('server_answer').innerHTML='отправляю';

значёк # и говорит от том что это ID
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 3.6.2010, 18:31; Ответить: alexdrob
Сообщение #7


(dimjan4 @ 3.6.2010, 21:25) *
Как получить ответ от php движка.

А за это я так понимаю и отвечает функция
success: function(msg){
$('#server_answer').html(msg);
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
сообщение 3.6.2010, 20:36; Ответить: Arks
Сообщение #8


beforeSend – может содержать функцию, которая должна быть вызвана до передачи запроса.

dataType
– строка, описывает тип данных, которые ожидаются в качестве ответа сервера. Если не определена, то jQuery сам попытается определить тип, основываясь на MIME-типе ответа сервера. Доступные типы:
- xml: вернет XML документ, который может быть обработан через jQuery.
- html: вернет HTML как plain text.
- script: расценивает ответ как JavaScript и возвращает его как plain text.
- json: расценивает ответ как данные в формате JSON и возвращает JavaScript объект.
- jsonp: загружает данные в формате JSON используя JSONP. Необходимо дополнительно добавить «?callback=?» в конец строки запроса в URL, чтобы определить вызов. (Добавлено в jQuery 1.2).
- text: строка plain text.

error – определяет функцию, которая будет вызвана в случае неуспешного выполнения запроса.
success – указывается функция, которая будет вызвана в случае успешного завершения запроса. Функция принимает два аргумента: данные, возвращенные с сервера и отформатированные с учетом параметра dataType и строка, описывающая статус ответа.
complete – определяет функцию, которая будет вызвана по окончанию запроса (успешного и ошибочного выполнения).

Рекомендую ознакомиться с моей темкой во избежание проблем с восприятием структурированных ответов сервера(dataType = "json").
http://www.html.by/showthread.php?t=11844
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
dimjan4
dimjan4
Topic Starter сообщение 3.6.2010, 21:35; Ответить: dimjan4
Сообщение #9


Вообще молчит:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(".send").click(function() {
$.ajax({
type: "POST",
url: "driver.php",
data: "email=" + $('#inp_email').html,
dataType: "text";
beforeSend: function (){
$('#server_answer').html('Отправляю');
}
error: function (){
$('#server_answer').html('<font color="red">Произошла ошибка</font>');
}
success: function(msg){
$('#server_answer').html(msg);
}
});
});
</script>
</head>
<body>
<table>
<tr>
<td><input type="text" id="inp_email"></td>
<td><input type="button" class="send" value="Отправить код"/></td>
</tr>
<tr>
<td><div id="server_answer">&nbsp;</div></td>
</tr>
<tr>
<td>Код из письма</td>
<td><input type="text" id="inp_number"></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
</body>
</html>


Может вместо data: "email=" + $('#inp_email').html, поставить data: "email=" + $('#inp_email').value,
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
сообщение 4.6.2010, 0:01; Ответить: Arks
Сообщение #10


Формат json(упрощенно) имеет такой синтаксис:
объект {
свойство1,
свойство2,
свойтсво3
}

соответственно после dataType у Вас почему-то вылезла ";" вместо "," а после beforeSend и error вообще нет ничего(после закрывающей скобки тоже должна быть "," разумеется без кавычек)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Услуги по созданию и доработке скриптов PHP, MySQL, JavaScript, jQuery
Разработка сайтов и сервисов под-ключ
0 alexey 1170 24.11.2023, 14:46
автор: alexey
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВеб-разработка (HTML5, CSS3, JavaScript, jQuery, Ajax, PHP)
56 qpPeW 44765 19.7.2023, 10:03
автор: qpPeW
Открытая тема (нет новых ответов) 1C-Bitrix, JavaScript\jQuery, Верстка HTML5 CSS3
1 byteeightlab 1458 2.7.2019, 7:37
автор: ychervov
Открытая тема (нет новых ответов) Недорогие услуги - php/js/mysql/jquery/bootstrap
2 vlads 3793 25.12.2017, 21:18
автор: xetedata
Открытая тема (нет новых ответов) Frontend услуги (верстка, подключение jquery плагинов, кастомизация, написание скриптов)
услуги по frontend-разработке
15 FrontMaster 9987 25.11.2017, 13:46
автор: Stom


 



RSS Текстовая версия Сейчас: 28.3.2024, 21:49
Дизайн