PHP форум на ПЫХА.РУ

PHP форум на ПЫХА.РУ

Языки программирования => JavaScript => Тема начата: smackthat от 26 Июль, 2009, 03:41:07


Название: Вопрос по jquery
Отправлено: smackthat от 26 Июль, 2009, 03:41:07
Привет! Изучаю jquery и возник вопрос. Хочу написать скрипт, который ищет элемент с id==followMe и добавить ему функцию при клике, которая находит тег body и прописывает класс red. Делаю так, но не работает:
 
Javascript
<script type="text/javascript">
      $(function()
      {                 
        $("#followMe").click( function()
        {
          $("body").addClass("red");
        })
      });
</script>

Почему не работает?

Название: Вопрос по jquery
Отправлено: phpdude от 26 Июль, 2009, 03:46:57
покажи хтмл

Название: Вопрос по jquery
Отправлено: smackthat от 26 Июль, 2009, 04:15:40
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="<?=base_url();?>css/960/960.css" />
<link rel="stylesheet" href="<?=base_url();?>css/960/text.css" />
<link rel="stylesheet" href="<?=base_url();?>css/960/reset.css" />
<link rel="stylesheet" href="<?=base_url();?>css/default.css" />
 
<script type="text/javascript" src="<?=base_url();?>js/jquery.js"></script>
<script type="text/javascript" src="<?=base_url();?>js/scripts.js"></script>
 
<script type="text/javascript">
      $(function()
      {                 
        $("#followMe").click( function()
        {
          $("body").addClass("red");
        })
             
      });
    </script>
 
<title>test</title>
</head>
<body>
<div id="container" class="container_12">
  <div id="header" class="grid_12">
    <h1>Header</h1>
    <p>description...</p>
 

  </div>
  <!--end header-->
 

  <div id="mainContent" class="grid_12">
 

<div id="jquery-test">
 
<p id="followMe">hi!, its</p>
 
</div>
 

 
  </div>
  <!--end mainContent-->
 

  <div id="footer" class="grid_12">
    <h2>Footer</h2>
 
  </div>
  <!--end footer-->
</div>
<!--end container-->
</body>
</html>
 

Название: Вопрос по jquery
Отправлено: phpdude от 26 Июль, 2009, 04:18:27
не шаблон? ;)

Название: Вопрос по jquery
Отправлено: smackthat от 26 Июль, 2009, 04:19:58
всмысле? формируется из кусков, получается шаблон

Название: Вопрос по jquery
Отправлено: phpdude от 26 Июль, 2009, 04:20:16
smackthat

всмысле? формируется из кусков, получается шаблон
так вот его и покажи ..

Название: Вопрос по jquery
Отправлено: smackthat от 26 Июль, 2009, 04:26:02
блин, это и есть шаблон. Короче я неправильно выразился, это view
Спустя 21 секунду добавил
а как это может повлиять?

Название: Вопрос по jquery
Отправлено: adw0rd от 26 Июль, 2009, 04:31:24
Просто надо показать результирующий html, а не код вперемешку с пхп

Название: Вопрос по jquery
Отправлено: smackthat от 26 Июль, 2009, 04:50:37
ааа, теперь понятно, вот:
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="http://localhost/ci/test/css/960/960.css" />
<link rel="stylesheet" href="http://localhost/ci/test/css/960/text.css" />
<link rel="stylesheet" href="http://localhost/ci/test/css/960/reset.css" />
<link rel="stylesheet" href="http://localhost/ci/test/css/default.css" />
 
<script type="text/javascript" src="http://localhost/ci/test/js/jquery.js"></script>
<script type="text/javascript" src="http://localhost/ci/test/js/scripts.js"></script>
 
<script type="text/javascript">
      $(function()
      {                 
        $("#followMe").click( function()
        {
          $("body").addClass("red");
        })
             
      });
    </script>
 
<title>test</title>
</head>
<body>
<div id="container" class="container_12">
  <div id="header" class="grid_12">
    <h1>Header</h1>
    <p>description...</p>
 

  </div>
 
  <!--end header-->
 

  <div id="mainContent" class="grid_12">
 

<div id="jquery-test">
 
<p id="followMe">hi!, its</p>
 
</div>
 

 
  </div>
  <!--end mainContent-->
 

  <div id="footer" class="grid_12">
    <h2>My footer</h2>
 
  </div>
  <!--end footer-->
</div>
 
<!--end container-->
</body>
</html>
 

Название: Вопрос по jquery
Отправлено: adw0rd от 26 Июль, 2009, 04:54:25
Javascript

$(document).ready(function(){
 
        $("#followMe").click(function(){
          $("body").addClass("red");
        });
 
});
 
 

Название: Вопрос по jquery
Отправлено: smackthat от 26 Июль, 2009, 04:56:48
так тоже не работает

Название: Вопрос по jquery
Отправлено: adw0rd от 26 Июль, 2009, 04:57:58
А так алерт появляется?
Javascript

$(document).ready(function(){
 
        $("#followMe").click(function(){
            alert('work!');
            //$("body").addClass("red");
        });
 
});
 

Название: Вопрос по jquery
Отправлено: smackthat от 26 Июль, 2009, 05:01:01
да, алерт работает

Название: Вопрос по jquery
Отправлено: phpdude от 26 Июль, 2009, 05:07:27

Почему не работает?

как ты проверил что не работает? по всей видимости должно работать ..

Название: Вопрос по jquery
Отправлено: adw0rd от 26 Июль, 2009, 05:16:26
smackthat, файрбаг есть?

Название: Вопрос по jquery
Отправлено: smackthat от 26 Июль, 2009, 05:27:46
phpdude, если б работало, то закрасило бы мне таким стилем
 
red
{
  background: red;
  color: white;
}
но ничего не происходит.
 
adw0rd, есть

Название: Вопрос по jquery
Отправлено: phpdude от 26 Июль, 2009, 05:29:51
CSS

.red
{
background: red;
color: white;
}
 

Название: Вопрос по jquery
Отправлено: adw0rd от 26 Июль, 2009, 05:42:28
smackthat, да, вы не класс, вы тег в цсс создали

Название: Вопрос по jquery
Отправлено: smackthat от 26 Июль, 2009, 06:03:26
бляяяяяяяяя, точно, вот мудак! спасибо господа, прастите за беспокойство по мелочам

Название: Вопрос по jquery
Отправлено: adw0rd от 26 Июль, 2009, 06:03:58
бывает :)

Название: Вопрос по jquery
Отправлено: smackthat от 26 Июль, 2009, 06:43:43
у меня еще вопрос. Я немного дописал скрипт так:
Javascript

$(document).ready(function(){
 
        $("#make_red").click(function()
        {
          $("*").addClass("red");
        });
       
        $("#make_blue").click(function()
        {
          $("*").addClass("blue");
        });       
 
});
 

Все работает. Но если несколько раз переключить цвета, то перестает работать. Это так должно быть?

Название: Вопрос по jquery
Отправлено: smackthat от 26 Июль, 2009, 07:10:27
разобрался! оно оказывается не переписывает атрибут class, а добавляет. Тоесть если было class="blue", то стает class="blue red"

Название: Вопрос по jquery
Отправлено: adw0rd от 26 Июль, 2009, 07:51:38
smackthat, ну тогда тебе надо менять, а не добавлять

Название: Вопрос по jquery
Отправлено: Pasha от 26 Июль, 2009, 08:40:18
smackthat, вот сайт хороший http://www.linkexchanger.su

Название: Вопрос по jquery
Отправлено: adw0rd от 26 Июль, 2009, 08:49:32
самый хороший http://docs.jquery.com

Название: Вопрос по jquery
Отправлено: phpdude от 26 Июль, 2009, 08:59:28
adw0rd

самый хороший http://docs.jquery.com
щариш

Название: Вопрос по jquery
Отправлено: smackthat от 26 Июль, 2009, 10:39:12
спасибо!
 
я использую addClass и removeClass - все пашет чик-пок
 
этот jquery - крутой насос, осталось ajax осилить
 
Спустя 2 минуты 52 секунды добавил
и блог прикольный. а доки и так использую.
А кто-то знает крутые блоги по web разработке на английском?

Название: Вопрос по jquery
Отправлено: adw0rd от 26 Июль, 2009, 10:40:12
smackthat, мог заюзать .attr('class', 'red')
Спустя 59 секунд добавил
smackthat

 
А кто-то знает крутые блоги по web разработке на английском?

http://bishop-it.ru/2009/06/200bestblogs_2009_2/

Название: Вопрос по jquery
Отправлено: smackthat от 26 Июль, 2009, 10:41:25
ага, можно и так, этот jquery такой гибкий сука
Спустя 57 секунд добавил
adw0rd

smackthat, мог заюзать .attr('class', 'red')
Спустя 59 секунд добавил
smackthat

 
А кто-то знает крутые блоги по web разработке на английском?

http://bishop-it.ru/2009/06/200bestblogs_2009_2/
то что нужно, спасибо!

Название: Вопрос по jquery
Отправлено: Pasha от 28 Июль, 2009, 09:34:45
че так вопрос по jquery в ветке php ? :D

Название: Вопрос по jquery
Отправлено: phpdude от 28 Июль, 2009, 09:36:00
Pasha, пофиксил :)

Название: Вопрос по jquery
Отправлено: smackthat от 09 Октябрь, 2009, 08:46:22
У меня новый вопрос. Ситуация: на страничке есть список <select><option> в котором категории. И есть второй список, в котором подкатегории. Когда я выбираю категорию, то автоматически подгружается список подкатегорий и пихается во второй список. Хочу реализовать через jquery и ajax. Так вот, как достать значение выбранного <option>, когда я изменил категорию?

Название: Вопрос по jquery
Отправлено: NRG от 09 Октябрь, 2009, 08:49:42
на событие ончейндж твоего селекта вызывай свой метод в него передавай ид своей категории. типа :
HTML
<select ......    onchange="getChildrenForCategory(this.value)" />

Название: Вопрос по jquery
Отправлено: smackthat от 09 Октябрь, 2009, 09:03:15
спасибо!

Название: Вопрос по jquery
Отправлено: smackthat от 10 Октябрь, 2009, 12:21:11
Пытаюсь подгрузить список подкатегорий, но ничего не происходит. javascript:
Javascript

function getChild(var1)
{
    var category_id=var1;
    
    $('#status').append('<b style="color: red;">xui</b>');
 
    $('#subcategory_list').load('http://localhost/ci/test67/cabinet/ajax_view/'.category_id);
}
 
функция эта вызывается при выборе категории:
HTML

<select onchange="getChild(this.value)">
<option value="40">Авто и Мото</option>
<option value="60">Бизнес и Финансы</option>
</select>
 
<div id="status"></div>
<div id="subcategory_list">
</div>
 

Почему не появляется список подкатегорий?
Эта ссылка http://localhost/ci/test67/cabinet/ajax_view/код_категории
возвращает или нет подкатегорий или список категорий и 100% работает. Пробывал через load и jQuery.get. неработает
 
в консоли firebug-а никаких ошибок

Название: Вопрос по jquery
Отправлено: smackthat от 10 Октябрь, 2009, 12:29:42
Оказалось что ошибка в этой строке
Javascript

$('#subcategory_list').load('http://localhost/ci/test67/cabinet/ajax_view/'.category_id);
 
работает так:
Javascript

$('#subcategory_list').load('http://localhost/ci/test67/cabinet/ajax_view/' + category_id);
 

Название: Вопрос по jquery
Отправлено: rider-sx от 10 Октябрь, 2009, 12:34:00
smackthat

Оказалось что ошибка в этой строке
Javascript

$('#subcategory_list').load('http://localhost/ci/test67/cabinet/ajax_view/'.category_id);
 
работает так:
Javascript

$('#subcategory_list').load('http://localhost/ci/test67/cabinet/ajax_view/' + category_id);
 
гг, точко... это тебе не пхп )))

Название: Вопрос по jquery
Отправлено: smackthat от 10 Октябрь, 2009, 06:27:09
Можно ли как-то из javascript достать данные из POST ? используя jquery может?

Название: Вопрос по jquery
Отправлено: smackthat от 10 Октябрь, 2009, 06:38:08
У меня есть список категорий и подкатегорий. Последний подгружается в зависимости от выбранной категории. Проблема в том, что если пользователь что-то неправильно введет в форме, то я отправляюсь на туже страничну, но вот как восстановить выбранную подкатегорию, если она генериться в javascript?

Название: Вопрос по jquery
Отправлено: smackthat от 10 Октябрь, 2009, 06:53:39
в общем я понял что получить данные из POST невозможно через javascript.

Название: Вопрос по jquery
Отправлено: rider-sx от 10 Октябрь, 2009, 08:11:20
smackthat

в общем я понял что получить данные из POST невозможно через javascript.
А вытащить из инпутов?

Название: Вопрос по jquery
Отправлено: smackthat от 10 Октябрь, 2009, 08:59:11
в этом у меня проблема. Я могу вытащить что пришло через post, но как потом это запихнуть в javascript?

Название: Вопрос по jquery
Отправлено: rider-sx от 10 Октябрь, 2009, 09:17:48
smackthat

в этом у меня проблема. Я могу вытащить что пришло через post, но как потом это запихнуть в javascript?
что значит пришло через пост??? Ты че жаваскриптом на сервере ловишь?
Спустя 15 секунд добавил
jsp ?=)

Название: Вопрос по jquery
Отправлено: CTAPbIu_MABP от 10 Октябрь, 2009, 09:19:15
jsp
не позорься

Название: Вопрос по jquery
Отправлено: smackthat от 10 Октябрь, 2009, 09:25:20
все я понял как. У меня такая ситуация получилась: я ловлю POST и в html код пихаю javascript, типа так:
Javascript

<script type="text/javascript">
 
$(document).ready(function() {
 
  $('div#status_2').append('<h1>STATUS_2</h1>');
 
});
 
</script>
 
Просто до этого весь js код я выполнял через подключение файлов, а что можно вот так впихнуть посередине странички js не догадывался. А так как js-файлы хранятся отдельно, то я не могу их генерить через php. А сейчас понял что можно.

Название: Вопрос по jquery
Отправлено: kamachi от 23 Ноябрь, 2009, 07:54:13
захотелось красоты добавить) , использовал jquery и примеры его применения http://www.radmus.net/2009/03/09/pishem-dialogovye-okna-pri-pomoshi-jquery.html
 
,но возникла боольшая проблема.. Сайт лежит на данвере, а грузится как будто на дряблом хосте. Короче страница из за этого как я понял
 
<!-- Подключение файлов jQuery -->
 
<script src="dev/jquery-1.3.2.js" type="text/javascript"></script>
<script src="dev/ui/ui.core.js" type="text/javascript"></script>
<script src="dev/ui/ui.draggable.js" type="text/javascript"></script>
<script src="dev/ui/ui.resizable.js" type="text/javascript"></script>
<script src="dev/ui/ui.dialog.js" type="text/javascript"></script>
<script src="dev/ui/effects.core.js" type="text/javascript"></script>
<script src="dev/ui/effects.highlight.js" type="text/javascript"></script>
<script src="dev/external/bgiframe/jquery.bgiframe.js" type="text/javascript"></script>
<!-- /Подключение файлов jQuery -->
 

стала тормозить призагрузке, ЧТО ПОСЕВЕТУЕТЕ??

Название: Вопрос по jquery
Отправлено: NRG от 23 Ноябрь, 2009, 07:56:39
сжать весь джаваскрипт и поместить в один файл
Спустя 54 секунды добавил
и тормозит скорее всего не загрузка...
а браузер твой не выгребает столько жаваскрипта..

Название: Вопрос по jquery
Отправлено: CTAPbIu_MABP от 23 Ноябрь, 2009, 08:04:09
kamachi,
качай отсюда
http://jqueryui.com/download/jquery-ui-1.7.2.custom.zip
из архива используй файл jquery-ui-1.7.2.custom.min.js всемто всего что ты подключал кроме
jquery-1.3.2.js и jquery.bgiframe.js

Название: Вопрос по jquery
Отправлено: kamachi от 23 Ноябрь, 2009, 08:10:09
NRG

сжать весь джаваскрипт и поместить в один файл
Спустя 54 секунды добавил
и тормозит скорее всего не загрузка...
а браузер твой не выгребает столько жаваскрипта..

дело дрянь, а как еще можно такие окошки сделать? Как http://radmus.net/demo/dialogs-with-jquery/ тут, но только чтобы не тормозило так.
Спустя 40 секунд добавил
CTAPbIu_MABP

kamachi,
качай отсюда
http://jqueryui.com/download/jquery-ui-1.7.2.custom.zip
из архива используй файл jquery-ui-1.7.2.custom.min.js всемто всего что ты подключал кроме
jquery-1.3.2.js и jquery.bgiframe.js
ааа щас попробую

Название: Вопрос по jquery
Отправлено: kamachi от 23 Ноябрь, 2009, 08:38:59
ааа все работает

Название: Вопрос по jquery
Отправлено: adw0rd от 23 Ноябрь, 2009, 09:07:37
http://vremenno.net/js/jquery-dialog-and-popup-plugins/

Название: Вопрос по jquery
Отправлено: kamachi от 03 Февраль, 2010, 12:45:24
народ, я вот тут не могу догнать
 
вот использую я окошко модальное
 
Javascript
<!doctype html>
<html lang="en">
<head>
    <title>jQuery UI Dialog - Modal message</title>
    <link type="text/css" href="theme/ui.all.css" rel="stylesheet" />
    <script type="text/javascript" src="jquery-1.3.2.js"></script>
    <script type="text/javascript" src="ui/ui.core.js"></script>
    <script type="text/javascript" src="ui/ui.draggable.js"></script>
    <script type="text/javascript" src="ui/ui.resizable.js"></script>
    <script type="text/javascript" src="ui/ui.dialog.js"></script>
    <script type="text/javascript" src="external/bgiframe/jquery.bgiframe.js"></script>
    <script type="text/javascript">
    $(function() {
        $("#dialog").dialog({
            bgiframe: true,
            modal: true,
            buttons: {
                Ok: function() {
                    $(this).dialog('close');
                }
            }
        });
    });
    </script>
</head>
<body>
 
<div class="demo">
 
<div id="dialog" title="Download complete">
    <p>
        <span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>
        Your files have downloaded successfully into the My Downloads folder.
    </p>
    <p>
        Currently using <b>36% of your storage space</b>.
    </p>
</div>
 
<!-- Sample page content to illustrate the layering of the dialog -->
<div class="hiddenInViewSource" style="padding:20px;">
    <p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p>
    <form>
        <input value="text input" /><br />
        <input type="checkbox" />checkbox<br />
        <input type="radio" />radio<br />
        <select>
            <option>select</option>
        </select><br /><br />
        <textarea>textarea</textarea><br />
    </form>
</div><!-- End sample page content -->
 
</div><!-- End demo -->
 
<div class="demo-description">
 
<p>Use a modal dialog to explicitly acknowledge information or an action before continuing their work.  Set the <code>modal</code> option to true, and specify a primary action (Ok) with the <code>buttons</code> option.</p>
 
</div><!-- End demo-description -->
 
</body>
</html>

 
я щ

Название: Вопрос по jquery
Отправлено: kamachi от 03 Февраль, 2010, 12:50:30
как сделать чтобы при нажатии на ок перекидывало на другую страницу...
 


 

 

 
Javascript
<!doctype html>
<html lang="en">
<head>
    <title>jQuery UI Dialog - Modal message</title>
    <link type="text/css" href="theme/ui.all.css" rel="stylesheet" />
    <script type="text/javascript" src="jquery-1.3.2.js"></script>
    <script type="text/javascript" src="ui/ui.core.js"></script>
    <script type="text/javascript" src="ui/ui.draggable.js"></script>
    <script type="text/javascript" src="ui/ui.resizable.js"></script>
    <script type="text/javascript" src="ui/ui.dialog.js"></script>
    <script type="text/javascript" src="external/bgiframe/jquery.bgiframe.js"></script>
    <script type="text/javascript">
    $(function() {
        $("#dialog").dialog({
            bgiframe: true,
            modal: true,
            buttons: {
                Ok: function() {
                    $(this).dialog('close');
                }
            }
        });
    });
    </script>
</head>
<body>
 
<div class="demo">
 
<div id="dialog" title="Download complete">
    <p>
        <span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>
        Your files have downloaded successfully into the My Downloads folder.
    </p>
    <p>
        Currently using <b>36% of your storage space</b>.
    </p>
</div>
 
<!-- Sample page content to illustrate the layering of the dialog -->
<div class="hiddenInViewSource" style="padding:20px;">
    <p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p>
    <form>
        <input value="text input" /><br />
        <input type="checkbox" />checkbox<br />
        <input type="radio" />radio<br />
        <select>
            <option>select</option>
        </select><br /><br />
        <textarea>textarea</textarea><br />
    </form>
</div><!-- End sample page content -->
 
</div><!-- End demo -->
 
<div class="demo-description">
 
<p>Use a modal dialog to explicitly acknowledge information or an action before continuing their work.  Set the <code>modal</code> option to true, and specify a primary action (Ok) with the <code>buttons</code> option.</p>
 
</div><!-- End demo-description -->
 
</body>
</html>

 

Название: Вопрос по jquery
Отправлено: mario от 03 Февраль, 2010, 12:51:53
Javascript
Ok: function() {
                    $(this).dialog('close');
я думаю вот тут надо менять :)

Название: Вопрос по jquery
Отправлено: kamachi от 03 Февраль, 2010, 12:55:58
mario

Javascript
Ok: function() {
                    $(this).dialog('close');
я думаю вот тут надо менять :)

на что менять??
ну или есть такая форма регистрации, куда она данны кидает... как вообсче вся эта байда с php взаимодействует??
 
Javascript
<!doctype html>
<html lang="en">
<head>
    <title>jQuery UI Dialog - Modal form</title>
    <link type="text/css" href="theme/ui.all.css" rel="stylesheet" />
    <script type="text/javascript" src="jquery-1.3.2.js"></script>
    <script type="text/javascript" src="ui/ui.core.js"></script>
    <script type="text/javascript" src="ui/ui.draggable.js"></script>
    <script type="text/javascript" src="ui/ui.resizable.js"></script>
    <script type="text/javascript" src="ui/ui.dialog.js"></script>
    <script type="text/javascript" src="ui/effects.core.js"></script>
    <script type="text/javascript" src="ui/effects.highlight.js"></script>
    <script type="text/javascript" src="external/bgiframe/jquery.bgiframe.js"></script>
    <style type="text/css">
        body { font-size: 62.5%; }
        label, input { display:block; }
        input.text { margin-bottom:12px; width:95%; padding: .4em; }
        fieldset { padding:0; border:0; margin-top:25px; }
        h1 { font-size: 1.2em; margin: .6em 0; }
        div#users-contain {  width: 350px; margin: 20px 0; }
        div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
        div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
        .ui-button { outline: 0; margin:0; padding: .4em 1em .5em; text-decoration:none;  !important; cursor:pointer; position: relative; text-align: center; }
        .ui-dialog .ui-state-highlight, .ui-dialog .ui-state-error { padding: .3em;  }
       
       
    </style>
    <script type="text/javascript">
    $(function() {
       
        var name = $("#name"),
            email = $("#email"),
            password = $("#password"),
            allFields = $([]).add(name).add(email).add(password),
            tips = $("#validateTips");
 
        function updateTips(t) {
            tips.text(t).effect("highlight",{},1500);
        }
 
        function checkLength(o,n,min,max) {
 
            if ( o.val().length > max || o.val().length < min ) {
                o.addClass('ui-state-error');
                updateTips("Length of " + n + " must be between "+min+" and "+max+".");
                return false;
            } else {
                return true;
            }
 
        }
 
        function checkRegexp(o,regexp,n) {
 
            if ( !( regexp.test( o.val() ) ) ) {
                o.addClass('ui-state-error');
                updateTips(n);
                return false;
            } else {
                return true;
            }
 
        }
       
        $("#dialog").dialog({
            bgiframe: true,
            autoOpen: false,
            height: 300,
            modal: true,
            buttons: {
                'Create an account': function() {
                    var bValid = true;
                    allFields.removeClass('ui-state-error');
 
                    bValid = bValid && checkLength(name,"username",3,16);
                    bValid = bValid && checkLength(email,"email",6,80);
                    bValid = bValid && checkLength(password,"password",5,16);
 
                    bValid = bValid && checkRegexp(name,/^[a-z]([0-9a-z_])+$/i,"Username may consist of a-z, 0-9, underscores, begin with a letter.");
                    // From jquery.validate.js (by joern), contributed by Scott Gonzalez: http://projects.scottsplayground.com/email_address_validation/
                    bValid = bValid && checkRegexp(email,/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i,"eg. ui@jquery.com");
                    bValid = bValid && checkRegexp(password,/^([0-9a-zA-Z])+$/,"Password field only allow : a-z 0-9");
                   
                    if (bValid) {
                        $('#users tbody').append('<tr>' +
                            '<td>' + name.val() + '</td>' +
                            '<td>' + email.val() + '</td>' +
                            '<td>' + password.val() + '</td>' +
                            '</tr>');
                        $(this).dialog('close');
                    }
                },
                Cancel: function() {
                    $(this).dialog('close');
                }
            },
            close: function() {
                allFields.val('').removeClass('ui-state-error');
            }
        });
       
       
       
        $('#create-user').click(function() {
            $('#dialog').dialog('open');
        })
        .hover(
            function(){
                $(this).addClass("ui-state-hover");
            },
            function(){
                $(this).removeClass("ui-state-hover");
            }
        ).mousedown(function(){
            $(this).addClass("ui-state-active");
        })
        .mouseup(function(){
                $(this).removeClass("ui-state-active");
        });
 
    });
    </script>
</head>
<body>
 
<div class="demo">
 
<div id="dialog" title="Create new user">
    <p id="validateTips">All form fields are required.</p>
 
    <form>
    <fieldset>
        <label for="name">Name</label>
        <input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all" />
        <label for="email">Email</label>
        <input type="text" name="email" id="email" value="" class="text ui-widget-content ui-corner-all" />
        <label for="password">Password</label>
        <input type="password" name="password" id="password" value="" class="text ui-widget-content ui-corner-all" />
    </fieldset>
    </form>
</div>
 

<div id="users-contain" class="ui-widget">
 
        <h1>Existing Users:</h1>
 

    <table id="users" class="ui-widget ui-widget-content">
        <thead>
            <tr class="ui-widget-header ">
                <th>Name</th>
                <th>Email</th>
                <th>Password</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>John Doe</td>
                <td>john.doe@example.com</td>
                <td>johndoe1</td>
            </tr>
        </tbody>
    </table>
</div>
<button id="create-user" class="ui-button ui-state-default ui-corner-all">Create new user</button>
 
</div><!-- End demo -->
 
<div class="demo-description">
 
<p>Use a modal dialog to require that the user enter data during a multi-step process.  Embed form markup in the content area, set the <code>modal</code> option to true, and specify primary and secondary user actions with the <code>buttons</code> option.</p>
 
</div><!-- End demo-description -->
 
</body>
</html>

Название: Вопрос по jquery
Отправлено: mario от 03 Февраль, 2010, 01:03:31
kamachi,
Раз
Два
Три
Думаю станет понятно...
а вот еще Четыре
Спустя 57 секунд добавил
kamachi

ну или есть такая форма регистрации, куда она данны кидает... как вообсче вся эта байда с php взаимодействует??
аналогично, подумай сам...
mario

Javascript
Ok: function() {
                    $(this).dialog('close');
я думаю вот тут надо менять :)

Название: Вопрос по jquery
Отправлено: adw0rd от 03 Февраль, 2010, 01:15:10
Javascript

                Ok: function() {
                    location.href="/path/to/other/page/"
                }
 

Название: Вопрос по jquery
Отправлено: kamachi от 03 Февраль, 2010, 01:27:36
adw0rd

Javascript

                Ok: function() {
                    location.href="/path/to/other/page/"
                }
 

а вот если такое окно
 
<script>{literal}$.prompt('Example 2',{ buttons: { Ok: true, Cancel: false } }) ;{/literal}</script>
 
как сделать чтобы когда нажимаю ок меня пеерекидывало куда нужно??  В ja нет if??
 
if Ok=true
window.location.href = "url"
 
вот как такое организовать... чувствую придется js учит((((

Название: Вопрос по jquery
Отправлено: adw0rd от 03 Февраль, 2010, 01:33:17
Я не смотрел кода, но думаю что на Ok вешается обработчик события, в вашем случае это
Javascript

function() {
    location.href="/path/to/other/page/"
}
 

Поэтому не понимаю в чем проблема?
При нажатии на кнопку вас должно перебросить на нужную вам пейджу.
 
Спустя 1 минуту 6 секунд добавил
В js конечно есть if:
Javascript

if(var1 == true) {
    console.log('true')
} else {
    console.log('false')
}
 

Название: Вопрос по jquery
Отправлено: kamachi от 03 Февраль, 2010, 03:37:05
чета них не получается у меня с этим Я квери

Название: Вопрос по jquery
Отправлено: CTAPbIu_MABP от 03 Февраль, 2010, 03:46:47
adw0rd все правильно говорит

Название: Вопрос по jquery
Отправлено: kamachi от 03 Февраль, 2010, 03:59:49
вот что я имею
 
Javascript
// Dialog         
                $('#dialog').dialog({
                    autoOpen: false,
                    width: 600,
                    buttons: {
                        "Ok": function() {
                            $(this).dialog("close");
                        },
                        "Cancel": function() {
                            $(this).dialog("close");
                        }
                    }
                });
               
                // Dialog Link
                $('#dialog_link').click(function(){
                    $('#dialog').dialog('open');
                    return false;
                });

 

вот тут при нажатии на
 
HTML
<p><a href="#" id="dialog_link" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-newwin"></span>Open Dialog</a></p>
   

открывается окно с кнопками cancel и ok  
 
HTML
<div id="dialog" title="Dialog Title">
                                <p>Lorem ipsum dolor si minim veniam, quis ncommodo consequat.</p>
                                  </div>

 

__________________________________
 

а мне нужно чтобы данное окно открывалось если данные введенные пользователем верные!
на php примерно такой сценарий
 
HTML
if(true)
{
окно открывается;
} else {
окно не открывается;
}

 
и мне нужно чтобы при нажатии на ok меня перекидывало на файл
HTML
user.php

 

я пробовал так
 
Javascript
"Ok": function() {
                            $(this).dialog("close");
                            window.location,href = "user.php";

 

 
а как запускать событие без  
 

HTML
<p><a href="#" id="dialog_link" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-newwin"></span>Open Dialog</a></p>
   
  вообсче не могу догнать...  мне точно придется учить js )))

Название: Вопрос по jquery
Отправлено: SpartakuS от 03 Февраль, 2010, 04:08:04
А откуда верные данные то? Они в жс есть?

Название: Вопрос по jquery
Отправлено: kamachi от 03 Февраль, 2010, 04:37:01
VaseninM

А откуда верные данные то? Они в жс есть?

какие верные данные?
Спустя 31 секунду добавил
и почему это окно у меня всплывает выделенным...

Название: Вопрос по jquery
Отправлено: adw0rd от 03 Февраль, 2010, 04:43:27
Javascript
window.location,href
надеюсь вы только при постинге ошиблись с запятой
Спустя 32 секунды добавил
а мне нужно чтобы данное окно открывалось если данные введенные пользователем верные!
А как вы проверяете верные ли данные?

Название: Вопрос по jquery
Отправлено: SpartakuS от 03 Февраль, 2010, 04:56:04
kamachi, раз так не понятно, то попробуй сам разобраться. Подсказка - http://slyweb.ru/jquerydoc/jQuery-post-url-data-callback-type.php

Название: Вопрос по jquery
Отправлено: CTAPbIu_MABP от 03 Февраль, 2010, 05:31:35
Javascript
var D = $('#dialog').dialog({autoOpen : false, OK:/**/,Cancel:/**/})
/*
some code here
*/
if (isDataCorrect())
    D.dialog("open");

Название: Вопрос по jquery
Отправлено: SpartakuS от 06 Февраль, 2010, 04:26:20
Есть такой вот код на jquery:
Javascript
       
                $('.download').click(function(){
            var id = $(this).attr('id');
            $.post("/handlers/ajax.php", {'do': 'down', 'id': id});
        })
 
ПРи нажатии на кнопку скачать он должен записывать в базу +1 скачивание. Но он почему то ничго не возвращает. Файрбаг говорит, что нет ответа. Я предполагаю, что файл начинает скачиваться быстрее, ем проходит запрос. Как бороться?

Название: Вопрос по jquery
Отправлено: md5 от 06 Февраль, 2010, 06:44:46
убрать асинхроность
утром запрос - вечером файл

Название: Вопрос по jquery
Отправлено: SpartakuS от 06 Февраль, 2010, 10:19:29
md5, спасибо. Не знал про это в js и jquery. Пришлось погуглить, чтобы узнать как ее выключить. Вопрос один. А у $.post можно выключить асинхронность? Я просто заменил на ajax.

Название: Вопрос по jquery
Отправлено: phpdude от 06 Февраль, 2010, 10:59:19
VaseninM

md5, спасибо. Не знал про это в js и jquery. Пришлось погуглить, чтобы узнать как ее выключить. Вопрос один. А у $.post можно выключить асинхронность? Я просто заменил на ajax.
нет, post/get/getJSON это вроде как готовые "настроеные" ajax'ы. что очень разумно имхо :)

Название: Вопрос по jquery
Отправлено: krasun от 06 Февраль, 2010, 04:04:09
http://api.jquery.com/jQuery.ajaxSetup/, а этот метод разве не задает настройки по дефолту? Я так на всякий случай спрашиваю

Название: Вопрос по jquery
Отправлено: SpartakuS от 06 Февраль, 2010, 04:09:14
krasun, задает походу.

Название: Вопрос по jquery
Отправлено: CTAPbIu_MABP от 06 Февраль, 2010, 04:57:15
krasun, задает но на post/get/getScript/getJSON не  влияет

Название: Вопрос по jquery
Отправлено: SpartakuS от 07 Март, 2010, 02:34:53
Нужно проверять корректность ввода в инпут (на лету) по регулярке. На данный момент у меня вот так:
Javascript
// Проверяем логин во время ввода.
    // Проверяем логин во время ввода.
    $("input[name=login_name]").change(function() {
        alert('g');
        var login = $(this).attr('value');
        var regexp = new RegExp ('[^\||\'|\<|\>|\"|\!|\?|\$|\@|\/|\\\|\&\~\*\+]{1,20}', '');
        if (regexp.test(login)) {$(this).siblings("input['type=submit']['type=button']").removeAttr('disabled')}
    });
Ну разумеется это на стадии дебага. Так вот. Алерт появляется как будто это событие blur. А мне нужно чтобы при смене печати добавлении/удалении символов.
Как решить проблему?
Спустя 4 минуты 25 секунд добавил
KeyPress
Спустя 2 минуты 48 секунд добавил
А можно совместить два события? Мне нужно к примеру keypress и blur

Название: Вопрос по jquery
Отправлено: phpdude от 07 Март, 2010, 02:35:32
SpartakuS, совместить можно :)

Название: Вопрос по jquery
Отправлено: SpartakuS от 07 Март, 2010, 02:43:05
phpdude, я надеюсь не два раза один и тот же код писать?

Название: Вопрос по jquery
Отправлено: SpartakuS от 07 Март, 2010, 03:17:05
Javascript
$("input[name=login_name]").keyup, click, blur.(function() {
Типа того нужно? Как сделать?

Название: Вопрос по jquery
Отправлено: Абырвалг от 07 Март, 2010, 03:57:29
неужели так сложно прочитать ман?
http://api.jquery.com/bind/

Название: Вопрос по jquery
Отправлено: SpartakuS от 07 Март, 2010, 04:04:49
Абырвалг, ступил.
Спустя 3 минуты 51 секунду добавил
Спасибо.

Название: Вопрос по jquery
Отправлено: phpdude от 07 Март, 2010, 04:44:05
Абырвалг

неужели так сложно прочитать ман?
http://api.jquery.com/bind/
я так долго ждал этого поста :)

Название: Вопрос по jquery
Отправлено: SpartakuS от 07 Март, 2010, 04:46:26
А я отрыл русские доки, посмарел. Даже бинд посмарел. Но использование нескольких функций я не увидел. 0_О) Когда уже знал, что бинд - открыл. Прочитал полностью - увидел.

Название: Вопрос по jquery
Отправлено: SpartakuS от 07 Март, 2010, 05:40:33
Есть вот такая проверка логина/пароля через регекспы.
Javascript
    // Проверяем логин / пароль во время ввода.
    $("input[name=login_name], input[name=login_password]").bind('keyup blur',function() {
        if ($(this).attr('name') == 'login_name')
        {
            var login = $(this).attr('value');
            var password = $(this).parents('form').find("input[name=login_password]").attr('value');
        }
        if ($(this).attr('name') == 'login_password')
        {
            var password = $(this).attr('value');
            var login = $(this).parents('form').find("input[name=login_name]").attr('value');
        }
        var regexp_login = /^[^\||\'|\<|\>|\"|\!|\?|\$|\@|\/|\\\|\&\~\*\+]{3,20}$/;
        true_login = regexp_login.test(login);
        var regexp_password = /^.{6,}$/;
        true_password = regexp_password.test(password);
        if (true_login && true_password) {$(this).parents('form').find("input[type=submit]").removeAttr('disabled')}
        else {$(this).parents('form').find("input[type=submit]").attr('disabled', 'disabled')}
    });
Говно? Не? В общем все работает как надо. Но. Если написать логин, пароль. Потом выделить текст, например в логине и мышкой нажать вырезать, то у нас будет возможность нажат на кнопку при неподходящих условиях.
Я пока придумал только один выход из ситуации. Делать эти действия при клике мышкой. Не важно где. Не проверял пока. Может красивей выход есть?

Название: Вопрос по jquery
Отправлено: Gandjubas от 15 Март, 2010, 11:32:31
Есть вопрос.
Использую $('#divtip'+name).animate({opacity: "show", top: nTop+10},"slow"); для показа подсказок для полей ввода формы.
Возникла проблема с IE шестым (на других не смотрел версиях). Если подсказка всплывает над селектом <select></select>, то эта подсказка оказывается под ним.
Как можно это исправить?

Название: Вопрос по jquery
Отправлено: CTAPbIu_MABP от 15 Март, 2010, 12:23:04
для этого есть плагин bgiframe

Название: Вопрос по jquery
Отправлено: Gandjubas от 15 Март, 2010, 01:04:03
Спасибо. Почитаем.

Название: Вопрос по jquery
Отправлено: Gandjubas от 15 Март, 2010, 01:22:13
Не проканал. Последний релиз для версии 1.1.3 jQuery.
Даже пример выложенный с плагином не фурычит (Все дивы оказались на заднем плане селектов).

Название: Вопрос по jquery
Отправлено: Nyaah от 15 Март, 2010, 11:23:45
попробуй z-index ставить больше, причем не только у всплывающей подсказки, но и у родителя

Название: Вопрос по jquery
Отправлено: Gandjubas от 16 Март, 2010, 08:14:52
Пытался.
В общем, с версией 2.1.2 проканало. Вот только выглядит это плохова-то.
Вот это в момент анимации (плавного появления окошка не наблюдается, всё появляется по частям):

А это в момент, когда уже отработала анимация (всё как и должно быть):

 
Уголки ПэНэГэшные и добавлены через фильтр стандартный
Спустя 54 секунды добавил
Почти, как должно быть.

Название: Вопрос по jquery
Отправлено: AlexB от 16 Март, 2010, 11:41:06
Naaayh

попробуй z-index ставить больше, причем не только у всплывающей подсказки, но и у родителя
Не поможет. Старый баян. В ie6 не лечится никак.
Я в свое время, когда писал выпадающие меню, сравнивал область меню и область селекта и если они пересекались селект скрывал совсем, на время показа меню. Могу поискать функцию (чтоб самим не писать, хотя она простая), которая принимает на вход координаты и отвечает пересекаются ли области... Надо? Скорее всего некоторые плагины делают что-то похожее. Но проще забить на ie6 ...

Название: Вопрос по jquery
Отправлено: Gandjubas от 16 Март, 2010, 12:53:29
AlexB

Но проще забить на ie6 ...
Специфика работы такова, что приходится иметь дело со всеми браузерами, даже пускай уже с похороненными.
За идею прятать - спасибо. Думаю, что я попробую это так и реализовать.

Название: Вопрос по jquery
Отправлено: CTAPbIu_MABP от 16 Март, 2010, 04:33:37
бгифрейм все лечит проверено на горьком опыте

Название: Вопрос по jquery
Отправлено: Gandjubas от 23 Март, 2010, 12:00:49
Вылечилось.
Но, блин, так тормозит Осёл. Так и видно, как он напрягается, бедный. Того и гляди, скоро умрёт :о)

Название: Вопрос по jquery
Отправлено: adw0rd от 23 Март, 2010, 12:05:31
CTAPbIu_MABP, начал читать твой раздев в "реактивные веб-сайты", прикольно, был рад авке у вагона :)

Название: Вопрос по jquery
Отправлено: Gandjubas от 23 Март, 2010, 12:33:24
adw0rd

раздев в "реактивные веб-сайты"
а это где? ссылочку пожалуйста

Название: Вопрос по jquery
Отправлено: adw0rd от 23 Март, 2010, 12:39:29
реактивные веб-сайты

Название: Вопрос по jquery
Отправлено: mario от 23 Март, 2010, 03:30:27
adw0rd

CTAPbIu_MABP, начал читать твой раздев в "реактивные веб-сайты", прикольно, был рад авке у вагона :)
Мавр пишет книги? :)

Название: Вопрос по jquery
Отправлено: adw0rd от 23 Март, 2010, 03:32:03
mario, в со-авторстве, можно так сказать :)

Название: Вопрос по jquery
Отправлено: mario от 23 Март, 2010, 03:34:36
CTAPbIu_MABP, поздравляю! :)

Название: Вопрос по jquery
Отправлено: sin от 23 Март, 2010, 06:23:24
Подскажите, можно ли с помощью jquery сделать строку поиска наподобие как в google? если да, то как? =)

Название: Вопрос по jquery
Отправлено: adw0rd от 23 Март, 2010, 06:35:15
Вы подразумеваете: suggest?
Спустя 44 секунды добавил
http://pyha.ru/forum/topic/2968.0
Спустя 1 минуту 41 секунду добавил
http://vremenno.net/js/autocomplete-using-javascript/

Название: Вопрос по jquery
Отправлено: sin от 23 Март, 2010, 06:54:48
adw0rd, благодарствую! как раз то, что мне надо =)

Название: Вопрос по jquery
Отправлено: adw0rd от 23 Март, 2010, 07:00:47
Успехов в освоении

Название: Вопрос по jquery
Отправлено: mario от 23 Март, 2010, 07:03:46
я хуй въеду, чё весеннее обострение? :D

Название: Вопрос по jquery
Отправлено: sin от 26 Апрель, 2010, 04:47:24
Подскажите как решить проблемку с jquery Autocomplete
Допустим есть часть кода:
Text

<script>
  $(document).ready(function(){
$("#example").autocomplete(data);
  });
  </script>
 
</head>
<body>
<input id="example" />
</body>
</html>
в нём автозаполнение прекрасно работает. Но если добавить второй <input> с таким же ID, то в нём ничего не срабатывает....
как с этим бороться?!

Название: Вопрос по jquery
Отправлено: md5 от 26 Апрель, 2010, 04:48:20
ID должен быть уникальным, епт

Название: Вопрос по jquery
Отправлено: Ewg777 от 26 Апрель, 2010, 04:49:17
Sin, ставить data2
md5

ID должен быть уникальным, епт
Слишком сложно

Название: Вопрос по jquery
Отправлено: sin от 26 Апрель, 2010, 04:50:35
Ewg777,
ставить data2
а как?! поподробнее можно...

Название: Вопрос по jquery
Отправлено: md5 от 26 Апрель, 2010, 04:51:31
Ewg777

Sin, ставить data2
md5

ID должен быть уникальным, епт
Слишком сложно
пардон, ты прав)

Название: Вопрос по jquery
Отправлено: Josh от 26 Апрель, 2010, 04:59:29
Sin,
HTML
<script>
  $(document).ready(function(){
$("#example").autocomplete(data);
$("#example1").autocomplete(data);
  });
  </script>
 
</head>
<body>
<input id="example" /><input id="example1" />
</body>
</html>

Название: Вопрос по jquery
Отправлено: sin от 26 Апрель, 2010, 05:10:08
Josh,
приведу пример
Java
$("#prep").autocomplete("pp.php", {
    delay:10,
    minChars:1,
    matchSubset:1,
    autoFill:true,
    matchContains:1,
    cacheLength:10,
    selectFirst:true,
    formatItem:liFormat,
    maxItemsToShow:10,
    onItemSelect:selectItem
});
вот вот таких идентификаторов у меня 3
форм, в которых должны стоять такие идентификаторы 4 (все 4 формы на одной странице)
т.е. мне надо прописывать этот код 12 раз.....
может как-то можно это упростить, что бы не писать 12 раз одно и тоже?!

Название: Вопрос по jquery
Отправлено: Josh от 26 Апрель, 2010, 05:41:26
Sin, Можно
Javascript
$(".prep").autocomplete("pp.php", {
    delay:10,
    minChars:1,
    matchSubset:1,
    autoFill:true,
    matchContains:1,
    cacheLength:10,
    selectFirst:true,
    formatItem:liFormat,
    maxItemsToShow:10,
    onItemSelect:selectItem
});
HTML
<input class="prep" id="prep1"><input class="prep" id="prep2"><input class="prep" id="prep3"><input class="prep" id="prep4">
Спустя 56 секунд добавил
если конечно плагин работает через each, но по идее должен

Название: Вопрос по jquery
Отправлено: sin от 26 Апрель, 2010, 05:53:25
Josh, спасибо. получилось =)

Название: Вопрос по jquery
Отправлено: Rotten от 26 Апрель, 2010, 11:28:32
http://www.linkexchanger.su/2008/39.html
Да, там в списке есть Магадан)))

Название: Вопрос по jquery
Отправлено: WF_jaltyPal от 28 Апрель, 2010, 07:58:24
Народ подскажите хороший плагин для обмена данными с бд mysql в фоновом режиме.
Я сам написал кое как на ajax, но у меня получается не совсем так как мне нужно. Тем более я не знаю как выводить данные. Получается только записывать.
Нужно чтобы при нажатии на submit записывалось, и выводилось. Говорят есть готовые решения, но найти не могу. Может есть у кого?

Название: Вопрос по jquery
Отправлено: Ewg777 от 28 Апрель, 2010, 08:07:00
http://api.jquery.com/jQuery.ajax/

Название: Вопрос по jquery
Отправлено: Josh от 28 Апрель, 2010, 08:56:40
WF_jaltyPal

Народ подскажите хороший плагин для обмена данными с бд mysql в фоновом режиме.
Я сам написал кое как на ajax, но у меня получается не совсем так как мне нужно. Тем более я не знаю как выводить данные. Получается только записывать.
Нужно чтобы при нажатии на submit записывалось, и выводилось. Говорят есть готовые решения, но найти не могу. Может есть у кого?
Готовые решения чего?
ужно чтобы при нажатии на submit записывалось, и выводилось
этого? о0

Название: Вопрос по jquery
Отправлено: WF_jaltyPal от 28 Апрель, 2010, 09:29:33
Не занудствуй

Название: Вопрос по jquery
Отправлено: Josh от 29 Апрель, 2010, 02:58:18
Блять... ( Как на кверях полностью поменять класс?
Javascript
$('#id').className = 'newClass'
не катит, наверное из за того, что $('#id') обьект кверей а не дома, но некоторые такие обращения вроде как проходят.
Javascript
document.getElementById('id').className = 'newClass'
катит...

Название: Вопрос по jquery
Отправлено: phpdude от 29 Апрель, 2010, 03:05:29
Josh, .attr("class", "newclassname");

Название: Вопрос по jquery
Отправлено: Josh от 29 Апрель, 2010, 03:17:47
phpdude

Josh, .attr("class", "newclassname");
грубо))))
Спустя 29 секунд добавил
Ты чё вообще не спишь?

Название: Вопрос по jquery
Отправлено: phpdude от 29 Апрель, 2010, 03:22:30
Josh

phpdude

Josh, .attr("class", "newclassname");
грубо))))
Спустя 29 секунд добавил
Ты чё вообще не спишь?
нет, а зачем спать?

Название: Вопрос по jquery
Отправлено: WF_jaltyPal от 29 Апрель, 2010, 03:25:39
Нормальные люди утром спят

Название: Вопрос по jquery
Отправлено: WF_jaltyPal от 29 Апрель, 2010, 03:25:19
функция вывода
Javascript
function show_messages()
    {
        $.ajax({
            url: "show.php",
            cache: false,
            success: function(html){
                $("#messages").html(html);
            }
        });
    }
применяю
Javascript
show_messages();

листинг фала show.php
PHP

$r=mysql_query ("SELECT * FROM wall ORDER BY");
while ($row=mysql_fetch_array($r))  // для каждой записи организуем вывод.
    {
             echo $row['msg'];
         }
 

 
объясните почему не работает, ведь вроде все правильно
 

Название: Вопрос по jquery
Отправлено: Chiffa от 29 Апрель, 2010, 03:34:27
PHP
$r=mysql_query ("SELECT * FROM wall ORDER BY");
order by что? у вас запрос наворачивается))

Название: Вопрос по jquery
Отправлено: WF_jaltyPal от 29 Апрель, 2010, 03:44:27
да нет запрос верный, это я просто тут написал на скорую руку
Спустя 2 минуты 38 секунд добавил
ну скажите, функция ведь правильная)? Просто я не найду где собака зарылась. Возможно где то в другом месте ошибка

Название: Вопрос по jquery
Отправлено: Chiffa от 29 Апрель, 2010, 03:55:42
на стороне js - всё пучком. у себя проверила - работает.

Название: Вопрос по jquery
Отправлено: Josh от 29 Апрель, 2010, 03:56:23
// для каждой записи организуем вывод.
Это ты зачем написал? Что бы мы быстрее поняли что такое echo?
 
id messages в доме есть? jquery подключен? Что говорит show.php при вызове его из браузерной строки?

Название: Вопрос по jquery
Отправлено: Абырвалг от 29 Апрель, 2010, 03:57:19
ставь файрбаг, смотри что не так
 
Chiffa, может у него или jQuery не подключен или еще не загружен

Название: Вопрос по jquery
Отправлено: Chiffa от 29 Апрель, 2010, 03:56:39
вы фаербагом смотреть js-ошибки не пробовали?

Название: Вопрос по jquery
Отправлено: Josh от 29 Апрель, 2010, 03:58:50
Ухаха
Абырвалг    ↓ Сегодня в 14:56:23, спустя
Пусто. Отправили в одну и туже секунду. Я баг нашёл! Срочно ставте мне плюс в карму)))))

Название: Вопрос по jquery
Отправлено: Chiffa от 29 Апрель, 2010, 04:02:21
Абырвалг, ну я то тестировала его код с соблюдением минимальных требований)
а если там "$ is not defined" то я єтого знать не могу

Название: Вопрос по jquery
Отправлено: Frozzeg от 29 Апрель, 2010, 04:10:12
Josh, боянский баг

Название: Вопрос по jquery
Отправлено: WF_jaltyPal от 29 Апрель, 2010, 04:17:01
проблема была в том что шаблон файла show.php был кривой.
Этот вопрос исчерпан, спасибо.
 
Есть теперь новый, как очистить форму после отправки сообщения?
Javascript

 
<script>
 
    // загрузка сообщений из БД в контейнер messages
    function show_messages()
    {
        $.ajax({
            url: "wallShow.php",
            cache: false,
            success: function(html){
                $("#messages").html(html);
            }
        });
    }
       
    $(document).ready(function(){
 
        show_messages();
       
        $("#myForm").submit(function(){
       
 
            var msg  = $("#msg").val();
            if (msg =='')
            {
                alert ("Заполните текст сообщения!");
                return false;
            }
 
            $.ajax({
                type: "POST",
                url: "mypage.php",
                data: "msg="+msg+"&action=wallAdd",
                success: function(msg){
                    show_messages();
               }
            });
           
            return false;
        });
       
    });
 
</script>   
 
 

имхо тут нужен    
Javascript
$("#myForm").resetForm();
, но куда его вставить

Название: Вопрос по jquery
Отправлено: Josh от 29 Апрель, 2010, 04:24:52
Frozzeg

Josh, боянский баг
аааА блять не видать мне плюсов:(

Название: Вопрос по jquery
Отправлено: Chiffa от 29 Апрель, 2010, 04:26:06
например сюда
Javascript
success: function(msg){
                    show_messages();
                   $("#myForm").resetForm();
               }
 

Название: Вопрос по jquery
Отправлено: Josh от 29 Апрель, 2010, 04:26:15
WF_jaltyPal
но куда его вставить
Сразу хочется дать стопудово правильный ответ... ))

Название: Вопрос по jquery
Отправлено: WF_jaltyPal от 29 Апрель, 2010, 04:39:56
Chiffa
$("#myForm").resetForm();
не чистит (
Спустя 3 минуты 35 секунд добавил
Josh
ХУЕТА!
прикольная фича))

Название: Вопрос по jquery
Отправлено: Josh от 29 Апрель, 2010, 04:40:27
А разве для этого jquery.form не надо?

Название: Вопрос по jquery
Отправлено: WF_jaltyPal от 29 Апрель, 2010, 04:50:56
Josh

А разве для этого jquery.form не надо?
хз, знал бы не спрашивал

Название: Вопрос по jquery
Отправлено: Chiffa от 29 Апрель, 2010, 04:56:22
resetForm отсутствует в "базовой поставке" jquery. плагин соответствующий нужен
http://docs.jquery.com/Plugins/Validation

Название: Вопрос по jquery
Отправлено: Josh от 29 Апрель, 2010, 04:59:32
WF_jaltyPal, это твоя настоящаяя фотка?

Название: Вопрос по jquery
Отправлено: WF_jaltyPal от 29 Апрель, 2010, 05:03:40
Josh

WF_jaltyPal, это твоя настоящаяя фотка?
да а что?
Спустя 3 минуты 5 секунд добавил
Chiffa

resetForm отсутствует в "базовой поставке" jquery. плагин соответствующий нужен
http://docs.jquery.com/Plugins/Validation
что нужно скачать, и как очистить... Я только учу это все, а осуществить нужно уже сейчас

Название: Вопрос по jquery
Отправлено: Josh от 29 Апрель, 2010, 05:04:27
WF_jaltyPal
WF_jaltyPal
На Вебкила очень похож. Он гуру компьютеров - мой кумир

Название: Вопрос по jquery
Отправлено: WF_jaltyPal от 29 Апрель, 2010, 05:13:11
Chiffa

resetForm отсутствует в "базовой поставке" jquery. плагин соответствующий нужен
http://docs.jquery.com/Plugins/Validation
кстати говоря этот плагин у меня уже подключен
Спустя 3 минуты 42 секунды добавил
Josh

WF_jaltyPal
WF_jaltyPal
На Вебкила очень похож. Он гуру компьютеров - мой кумир
 
да не я это) хватит мне мозги иметь, подскажи по делу

Название: Вопрос по jquery
Отправлено: Chiffa от 29 Апрель, 2010, 05:13:30
после jquery.js ?
а вообще почитай доки плагина по ссылке... там всё довольно подробно расписано
 
Josh, :-D

Название: Вопрос по jquery
Отправлено: WF_jaltyPal от 29 Апрель, 2010, 05:35:09
Chiffa

после jquery.js ?
а вообще почитай доки плагина по ссылке... там всё довольно подробно расписано
 
Josh, :-D
да,после. Все я делаю как там, нееее работает!!
 
Спустя 1 минуту 37 секунд добавил
Text
{literal}
<script>
 
    // загрузка сообщений из БД в контейнер messages
       
    function show_messages()
    {
        $.ajax({
            url: "wallShow.php",
            cache: false,
            success: function(html){
                $("#messages").html(html);
            }
        });
    }
       
    $(document).ready(function(){
 
        show_messages();
       
        $("#myForm").submit(function(){
       
            var au_name = $("#au_name").val();
            var msg  = $("#msg").val();
            if (msg =='')
            {
                alert ("Заполните текст сообщения!");
                return false;
            }
 
            $.ajax({
                type: "POST",
                url: "wallAdd.php",
                data: "msg="+msg+"&action=wallAdd&au_name="+au_name+"",
                success: function(msg) {
                    show_messages();
                   
               }
               
            });
           
            return false;
            $("#myForm").resetForm();
           
        });
       
       
             
    });
 

</script>   
 
     
     
     
     
     
     
     
 <script type="text/javascript">
function show_quick_reply() {
  quickReply('quickReply', 0.55, 0.40, 1); ge('reply_field').value = '';
}
 
 
function postIt() {
  if (posting_on_wall) {
    return;
  }
  var txt = ge('reply_field').value;
  if (!trim(txt).length) {
    ge('reply_field').focus();
    return;
  }
 
 
}
</script>
 
{/literal}
  <div id="wall" class="flexOpen">
   <div class="bOpen">
    <div id="panel" class="flexHeader clearFix" onclick="return collapseBox('wall', this, 0.5, 0.25, false)" onfocus="blur()">
     <div><h2>Стена <span>(161 запись)</span></h2></div>
    </div>
   </div>
   <div class="c" >
    <div class="fSub clearFix">
    <h3>
    <div class="fSub_left" id="wall_shown">
    показаны записи 1-10 из <a href="/wall.php">161</a>
    </div>
    </h3>
    </div>
 
    <div class="fSub_right" >
    <a href="javascript: show_quick_reply()">Написать</a><span class="divide">
    </div><br />
 
    <div id="quickReply">
     <div id="r" class="r" style="display:none">
      <div style="padding: 5px 12px">
       <form method="POST" id="myForm">
       <input type="hidden" name="au_name" id="au_name" value="{$u.name}"/>
        <textarea name="msg" id="msg" rows="5"></textarea> <br />
        <input type="submit" id="btn" value="Написать" name="wallAdd" />
       </form> 
      </div>
     </div>
    </div>
     
      {*show msg*}
      <div id="messages"></div>
     
 
   </div>
  </div>
  

Название: Вопрос по jquery
Отправлено: WF_jaltyPal от 29 Апрель, 2010, 05:42:36
ФУУх)) Все, заюзал такой костыль
Text
<form method="POST" id="myForm" name='text' onsubmit="setTimeout(function(){document.forms['text'].reset()},0)">

Название: Вопрос по jquery
Отправлено: Chiffa от 29 Апрель, 2010, 05:44:56
WF_jaltyPal,
Javascript

return false;
$("#myForm").resetForm();
 
и сфига бы ему работать?...

Название: Вопрос по jquery
Отправлено: Ewg777 от 29 Апрель, 2010, 05:46:43
Chiffa

WF_jaltyPal,
Javascript

return false;
$("#myForm").resetForm();
 
и сфига бы ему работать?...
WF_jaltyPal, Капсом попробуйте.

Название: Вопрос по jquery
Отправлено: Josh от 29 Апрель, 2010, 06:22:06
WF_jaltyPal
да не я это)
Не ты вебкил или не ты на фото?

Название: Вопрос по jquery
Отправлено: WF_jaltyPal от 29 Апрель, 2010, 07:17:46
Josh

WF_jaltyPal
да не я это)
Не ты вебкил или не ты на фото?
и не вебкил и не я на фото

Название: Вопрос по jquery
Отправлено: sin от 16 Май, 2010, 01:41:59
Подскажите можно ли сделать на jquery следующее и если можно, то как...
допустим у меня есть список имён, хранящихся в БД, они выводятся на страницу ввиде таблицы. Можно ли с помощью ajax мгновенно добавлять имена в этот список?! То есть под списком сделать форму с кнопкой и при отправле данных новое имя сразу же добавлялось в БД и сразу же отображалось в той таблице.
Надеюсь ясно изъяснился =)

Название: Вопрос по jquery
Отправлено: Chiffa от 16 Май, 2010, 02:14:26
можно. форму с новым именем постить аяксом, в колбэке добавлять имя в табличку...
как? вариантов море.
http://api.jquery.com/category/ajax/
выберите, начните делать, будут вопросы - обращайтесь;)

Название: Вопрос по jquery
Отправлено: sin от 16 Май, 2010, 02:28:29
Chiffa, может есть готовый пример?! Я ни в jquery, ни в ajax не разбираюсь и времени нет разбираться.

Название: Вопрос по jquery
Отправлено: Абырвалг от 16 Май, 2010, 02:33:33
Sin
Я ни в jquery, ни в ajax не разбираюсь и времени нет разбираться
ну тогда похоже кто-то разделом ошибся. Вам сюда

Название: Вопрос по jquery
Отправлено: sin от 16 Май, 2010, 02:38:42
Абырвалг, хм... хуже прозвучала бы только фраза "загугли" =)
Я же не прошу всё сделать за меня. Я только просил навести на готовый пример, с которым бы я уже разбирался.

Название: Вопрос по jquery
Отправлено: Chiffa от 16 Май, 2010, 02:42:34
Javascript

  function addComment(blog_id){
       var url = "/blog/?addComment";
        $.post(url, {comment:$('#newComment').attr('value'),
                        blog_id:blog_id,  
                        usernameA:$('#user').attr('value'), site:$('#site').attr('value')},
                        function(data){$('#commentsList').append(data);}
                  );
     }
 
готовый пример. суть, я думаю, ясна
а дальше все равно прийдется разбираться, ну никак тут без этого=)

Название: Вопрос по jquery
Отправлено: Stasovsky от 20 Июль, 2010, 12:33:23
я тут немножко затупил...
 
Javascript
$('#page-wrap').load("in/load_page.php");

на страницу в див загружается со стороны код
 
внутри загруженного есть скрытые инпуты...
 
PHP
<input type="hidden" name="prev_page" value="$prev" />
<input type="hidden" name="next_page" value="$next" />
<input type="hidden" name="total_page" value="$c" />

...после того, как это загрузилось, я пытаюсь взять значения из этих инпутов...
 
Javascript
prev_page = $('input[name=prev_page]').val();
next_page = $('input[name=next_page]').val();
total_page = $('input[name=total_page]').val();

...но пишет, что переменные пустые...
...я попробовал вытащить их внутри лоадера...
 
Javascript
$('#page-wrap').load("in/load_page.php", function() {
prev_page = $('input[name=prev_page]').val();
next_page = $('input[name=next_page]').val();
total_page = $('input[name=total_page]').val();
});

...он их вытащил, но когда я их пытаюсь вызвать вне этого самого лоадера...
 
Javascript
if (prev_page == 0) { ... bla-bla

...пишет, что переменная не найдена...
 
пробовал все выполнять внутри этого лоадера, но опять какие-то косяки вылазили...
в общем, я в тупике, не знаю что делать...
есть какие идеи по этому поводу?

Название: Вопрос по jquery
Отправлено: phpdude от 20 Июль, 2010, 12:40:44
Stasovsky, да ты у нас еще один главрыб :)

Название: Вопрос по jquery
Отправлено: Faster от 20 Июль, 2010, 12:41:56
весь JS нарисуй, скорее всего  DOM строится после попытки обращения

Название: Вопрос по jquery
Отправлено: Stasovsky от 20 Июль, 2010, 12:51:11
phpdude, хто такой главрыб?
 
вот весь жс...
 
Javascript
$('#page-wrap').load("in/load_page.php", {p:'1'});
   
    prev_page = $('input[name=prev_page]').val();
    next_page = $('input[name=next_page]').val();
    total_page = $('input[name=total_page]').val();
 
   
    if (prev_page == 0) {
        $('#prev_page').addClass('disable');
    } else {
        $('#prev_page').removeClass('disable');
        $('#prev_page').click(function() {
            $('#page-wrap').html('<img src="in/loader.gif" alt="Loading..." />');
            $('#page-wrap').load("in/load_page.php", {p:prev_page});
            return false;
        });
    }
   
    if (next_page > total_page) {
        $('#next_page').addClass('disable');
    } else {
        $('#prev_page').removeClass('disable');
        $('#next_page').click(function() {
            $('#page-wrap').html('<img src="in/loader.gif" alt="Loading..." />');
            $('#page-wrap').load("in/load_page.php", {p:next_page});
            return false;
        });
    }
Спустя 1 минуту 55 секунд добавил
загружает в див первую страницу, берет переменные... если предыдущая стр ноль, то кнопку скрываем, иначе по клику в див загружаем предыдущую страницу.. так же со следующей страницей...

Название: Вопрос по jquery
Отправлено: Faster от 20 Июль, 2010, 01:33:34
Javascript

    prev_page = $('input[name=prev_page]').val();
    next_page = $('input[name=next_page]').val();
    total_page = $('input[name=total_page]').val();
 

=>
 
Javascript

   var  prev_page = $('input[name=prev_page]').val();
   var  next_page = $('input[name=next_page]').val();
   var  total_page = $('input[name=total_page]').val();
 

Название: Вопрос по jquery
Отправлено: Stasovsky от 20 Июль, 2010, 01:42:04
пробовал... не помогло... и внутри лоадера и вне...

Название: Вопрос по jquery
Отправлено: Faster от 20 Июль, 2010, 01:47:53
тогда остается DOM и нехорошо юзать id == именам переменных
сам подъебывался неоднократно

Название: Вопрос по jquery
Отправлено: Stasovsky от 20 Июль, 2010, 04:17:31
ыть)) получилось)) кому надо, вот код..
 
Javascript
$('#page-wrap').load("in/load_page.php", {p:1});
 
$('#page-wrap').click(function(e) {
    if ($(e.target).is('#prev_page')) {
        var prev_page = $('#prev_page').attr('name');
        if ( !$('#prev_page').hasClass('disable') ) {
            $('#page-wrap').html('<img src="in/loader.gif" alt="Loading..." />');
            $('#page-wrap').load("in/load_page.php", {p:prev_page});
        }
    }
    if ($(e.target).is('#next_page')) {
        var next_page = $('#next_page').attr('name');
        if ( !$('#next_page').hasClass('disable') ) {
            $('#page-wrap').html('<img src="in/loader.gif" alt="Loading..." />');
            $('#page-wrap').load("in/load_page.php", {p:next_page});
        }
    }
});

кнопки прев и некст загружаю с остальным контентом))

Название: Вопрос по jquery
Отправлено: Абырвалг от 20 Июль, 2010, 05:40:11
Главрыб это я если че

Название: Вопрос по jquery
Отправлено: Stasovsky от 20 Июль, 2010, 05:50:41
я уже понял))

Название: Вопрос по jquery
Отправлено: Pasha от 20 Июль, 2010, 07:12:45
Глав ^^
Спустя 9 секунд добавил
рыб^^

Название: Вопрос по jquery
Отправлено: phpdude от 20 Июль, 2010, 07:25:43
Pasha, раб)

Название: Вопрос по jquery
Отправлено: Pasha от 01 Август, 2010, 07:31:24
Есть кнопочка голосования, при клике на неё рядом появляется формочка для голосования
 
Javascript
$(document).ready(function(){
 
  $("#servers table td.vote img").click(function(){
    id = $(this).attr("alt");
    left = $(this, ".pollbtn").position().left - 200;
    top = $(this, ".pollbtn").position().top;
   
    $("#form").css({'background':'#cccccc', 'display':'block', 'width':'200px', 'height':'200px', 'position':'absolute', 'top': top+'px', 'left': left+'px'});
    $("#form").html('<div id="form"><a style="cursor: pointer" class="closeForm">закрыть</a> Это ID: '+id+'</div>');
   
  });
 
  $('.closeForm').live('click', function() {
    //$("#form").css('display', 'none');
    $(this).parent().remove();
  });
 
 
});

Пользуюсь костылем display:none, а не хочу.
Сабж, при клике на "закрыть" срабатывает событие, только не хочет удалять div form (я понимаю что я наверно не то удаляю), попробывал по разному.
 
Что получается вложил в аттач.

Название: Вопрос по jquery
Отправлено: Stasovsky от 01 Август, 2010, 07:36:42
зачем это
Javascript
$(this).parent().remove();
если у тебя явно задан ид
Javascript
$('#form').remove();

Название: Вопрос по jquery
Отправлено: Pasha от 01 Август, 2010, 07:41:31
Stasovsky

зачем это
Javascript
$(this).parent().remove();
если у тебя явно задан ид
Javascript
$('#form').remove();
пробывал так) если так то возродить form уже не получается))

Название: Вопрос по jquery
Отправлено: Stasovsky от 01 Август, 2010, 08:01:42
а наф в #form пихаешь #form?)

Название: Вопрос по jquery
Отправлено: Pasha от 01 Август, 2010, 08:19:42
Stasovsky

а наф в #form пихаешь #form?)
я не пихал) если через firebird смотреть то там два form'a получаетс. почему не знаю

Название: Вопрос по jquery
Отправлено: Stasovsky от 01 Август, 2010, 08:22:55
Javascript
$("#form").html('<div id="form">...
по этому))

Название: Вопрос по jquery
Отправлено: Pasha от 01 Август, 2010, 08:31:49
Stasovsky

Javascript
$("#form").html('<div id="form">...
по этому))
и правда)
 
как я тогда буду выводить "содержимое" в form?

Название: Вопрос по jquery
Отправлено: Stasovsky от 01 Август, 2010, 08:36:47
а зачем в form? пихай его в ячейку с кнопками голосования.. только там могут быть косяки с позиционированием.. так что лучше сделать какой-нить div#vote[position:relative] и в него div#form[position:absolute]

Название: Вопрос по jquery
Отправлено: Абырвалг от 01 Август, 2010, 08:43:27
Pasha

Stasovsky

а наф в #form пихаешь #form?)
я не пихал) если через firebird смотреть то там два form'a получаетс. почему не знаю

чивооо?

Название: Вопрос по jquery
Отправлено: Pasha от 01 Август, 2010, 08:51:18
Абырвалг

Pasha

Stasovsky

а наф в #form пихаешь #form?)
я не пихал) если через firebird смотреть то там два form'a получаетс. почему не знаю

чивооо?
ага
 
p.s сделайте чтобы в быстрый ответ можно файл прикрепить
Спустя 3 минуты 47 секунд добавил
Stasovsky

а зачем в form? пихай его в ячейку с кнопками голосования.. только там могут быть косяки с позиционированием.. так что лучше сделать какой-нить div#vote[position:relative] и в него div#form[position:absolute]

вообщем не так сначала тебя понял))
 
сделал так)
Javascript
$(document).ready(function(){
 
  $("#servers table td.vote img").click(function(){
    id = $(this).attr("alt");
    left = $(this, ".pollbtn").position().left - 200;
    top = $(this, ".pollbtn").position().top;
   
    $("#form").html('<div id="form-children"><a style="cursor: pointer" class="closeForm">закрыть</a> Это ID: '+id+'</div>');
    $("#form-children").css({'background':'#cccccc', 'display':'block', 'width':'200px', 'height':'200px', 'position':'absolute', 'top': top+'px', 'left': left+'px'});
  });
 
  $('.closeForm').live('click', function() {
    $("#form-children").remove();
  });
 
 
});

Название: Вопрос по jquery
Отправлено: Stasovsky от 02 Август, 2010, 02:30:35
чет я затупил немного...
как мне проверять набранный текст в input по мере его набора... на пример, пока я ввожу буковки рамка красная, как я ввел все правильно, рамка синяя...
 
Javascript
$('.email').live("keydown",function() {
    var val = $(this).val();
    if (!val.match(/^([a-z0-9_\.\-])+\@(([a-z0-9\-])+\.)+([a-z]{2,4})$/i)) {
        $(this).parent().addClass('error');
        errors[3]=1;
    } else {
        $(this).parent().removeClass('error');
        errors[3]=0;
    }
});

вот к примеру такая ботва... с виду все нормально, но если потестить, уг какое-то получает))

Название: Вопрос по jquery
Отправлено: SpartakuS от 02 Август, 2010, 11:33:47
Я с этим тоже поебалсо в свое время. Щас поищу решение.

Название: Вопрос по jquery
Отправлено: SpartakuS от 02 Август, 2010, 11:44:11
Javascript
    $("input[name=login_name]").bind('keyup blur',function() {
        var login = $(this).attr('value');
        var regexp = new RegExp ('^[^\||\'|\<|\>|\"|\!|\?|\$|\@|\/|\\\|\&\~\*\+]{1,20}$', 'g');
        if (regexp.test(login)) {$(this).parents('form').find("input[type=submit]").removeAttr('disabled')}
        else {$(this).parents('form').find("input[type=submit]").attr('disabled', 'disabled')}
    }); 

Название: Вопрос по jquery
Отправлено: Stasovsky от 02 Август, 2010, 02:47:20
спасибо, добр человек)) вечером попробую))

Название: Вопрос по jquery
Отправлено: Stasovsky от 10 Сентябрь, 2010, 06:24:13
чет не получается у меня с чекбоксами...
 
в общем такая ботва... у меня 4 чекбокса
HTML
<li class="first"><input type="checkbox" name="first" /></li>
<li class="second"><input type="checkbox" name="second" /></li>
<li class="third"><input type="checkbox" name="third" /></li>
<li class="all"><input type="checkbox" name="all" /></li>

отметив каждый из чекбоксов, я меняю картиночку
Javascript
$(':checkbox').bind('change', function() {
    var t = $(this),
        p = t.parent();   
    t.is(':checked') ? p.addClass('selected') : p.removeClass('selected');
});

теперь мне надо сделать так, что бы отметив первые три all тоже стал отмеченным и, отметив all, первые три стали отмеченными...
сколько не пробовал, херня получается... либо не меняется у первых трех, либо у последнего, либо еще какая хрень...
 
мб есть у кого похожая плюшка? или киньте ссылочку...

Название: Вопрос по jquery
Отправлено: Stasovsky от 10 Сентябрь, 2010, 07:00:02
блин.. хрень какая-то -_-
 
HTML
<ul class="work_type">
    <li class="first"><input type="checkbox" name="first" id="first" /><label for="first">First</label></li>
    <li class="sep"></li>
    <li class="second"><input type="checkbox" name="second" id="second" /><label for="second">Second</label></li>
    <li class="sep"></li>
    <li class="third"><input type="checkbox" name="third" id="third" /><label for="third">Third</label></li>
    <li class="all"><input type="checkbox" name="all" id="all" /><label for="all">All</label></li>
</ul>

Javascript
$('.work_type').ready(function() {
    var w = $(this);
 
    $(':checkbox', w).bind('change', function() {
        if ( $(this).is(':checked') ) {
            checkOn($(this));
        } else {
            checkOff($(this));
        }
       
        /*
        if ( $(':checkbox[name=first]', w).is(':checked') && $(':checkbox[name=second]', w).is(':checked') && $(':checkbox[name=third]', w).is(':checked') ) {
            checkOn($(':checkbox[name=all]', w));
        } else {
            checkOff($(':checkbox[name=all]', w));
        }
        */
    });
 
    $('li.all :checkbox', w).bind('change', function() {
        if ( $(this).is(':checked') ) {
            $(':checkbox', w).each(function() {
                checkOn($(this));
            });
        } else {
            $(':checkbox', w).each(function() {
                checkOff($(this));
            });
        }
    });
 
    function checkOn(el) {
        el.attr('checked', true);
        el.parent().addClass('selected');
    }
    function checkOff(el) {
        el.attr('checked', false);
        el.parent().removeClass('selected');
    }
 
});

знаю, много букаф... но пиздец))
вон там хрень закомментирована... если так оставить, то при нажатии на all все вкл/выкл, но есть ее раскомментировать, то эта хрень не пашет)) зато пашет хрень "если отмечены первые три, то последний выделяеццо"))
профи, блеать! помогите))

Название: Вопрос по jquery
Отправлено: phpdude от 10 Сентябрь, 2010, 07:02:08
ебись ебись, умнее станешь
Спустя 10 секунд добавил
задача плевая, не сдавайся.

Название: Вопрос по jquery
Отправлено: Stasovsky от 10 Сентябрь, 2010, 07:04:01
phpdude
ебись ебись, умнее станешь
вот сучка)))
Спустя 29 секунд добавил
ладно, если бы не бросил курить)) но щас меня это напрягать начинает))

Название: Вопрос по jquery
Отправлено: Stasovsky от 10 Сентябрь, 2010, 08:03:22
вроде сделал... вроде все норм... но какого куя в ИЕ работает только с третьего клика "выделить все"?!

Название: Вопрос по jquery
Отправлено: Stasovsky от 10 Сентябрь, 2010, 08:33:04
пиздец)) вся проблема в change.. я ниипу, почему он не дружит с чекбоксами, но, сделав все кликом, все стало норм пахать...
кому надо, готовую плюшку скину...
 
Javascript
$('.work_type').ready(function() {
    var w = $(this);
 
    $(':checkbox', w).bind('click', function() {
        if ( $(this).is(':checked') ) {
            checkOn($(this));
        } else {
            checkOff($(this));
        }
        
        if ( $(':checkbox[name=first]', w).is(':checked') && $(':checkbox[name=second]', w).is(':checked') && $(':checkbox[name=third]', w).is(':checked') ) {
            checkOn($(':checkbox[name=all]', w));
        } else {
            checkOff($(':checkbox[name=all]', w));
        }
    });
 
    $(':checkbox[name=all]', w).bind('click', function() {
        if ( $(this).is(':checked') ) {
            $(':checkbox', w).each(function() {
                checkOff($(this));
            });
        } else {
            $(':checkbox', w).each(function() {
                checkOn($(this));
            });
        }
    });
 
    function checkOn(el) {
        el.attr('checked', true);
        el.parent().addClass('selected');
    }
    function checkOff(el) {
        el.attr('checked', false);
        el.parent().removeClass('selected');
    }
 
});

Название: Вопрос по jquery
Отправлено: CTAPbIu_MABP от 11 Сентябрь, 2010, 05:25:48
мой тебе совет не пиши так
:checkbox[name=first]
пиши просто
[name=first]

и обзови переменную нормально а не w

Название: Вопрос по jquery
Отправлено: Stasovsky от 11 Сентябрь, 2010, 08:37:40
CTAPbIu_MABP
мой тебе совет не пиши так
:checkbox[name=first]
пиши просто
[name=first]
а в чем разница?))
 
CTAPbIu_MABP
и обзови переменную нормально а не w
да это пофигу.. это я в черновике писал))

Название: Вопрос по jquery
Отправлено: Ёл от 16 Сентябрь, 2010, 05:54:02
Как в JQ обращаться к элементу (по id, class и пр.) загруженному через Аjax?
 
Дайте пожалуйста урл или код - буду курить. Спасибо!

Название: Вопрос по jquery
Отправлено: adwo от 16 Сентябрь, 2010, 05:56:15
Ёл
Как в JQ обращаться к элементу (по id, class и пр.) загруженному через Аjax?
Так же, как и к любому другому

Название: Вопрос по jquery
Отправлено: Stasovsky от 16 Сентябрь, 2010, 05:56:28
event нужно))

Название: Вопрос по jquery
Отправлено: Ёл от 16 Сентябрь, 2010, 10:28:29
Да!! Действительно, события... Спасибо!
 
Есть даже туториал у них такой: http://docs.jquery.com/Tutorials:AJAX_and_Events

Название: Вопрос по jquery
Отправлено: Stasovsky от 25 Ноябрь, 2010, 12:08:23
Javascript
function drift(cloud) {
    var speed = Math.floor(Math.random()*40000+20000),
        pos = Math.floor(Math.random()*100);
       
    cloud
    .css({
        top: pos
    })
    .animate({
        left: '100%'
    },{
        duration: speed,
        specialEasing: {
            left: 'linear'
        },
        complete: function() {
            cloud.css({left: '-300px'});
            drift($(this));
        }
    });
}

это летающие облака... в фф прилично нагружает цп... как снизить нагрузку?)

Название: Вопрос по jquery
Отправлено: Stasovsky от 22 Июнь, 2011, 03:42:33
судя по дате предыдущего поста, эту тему довольно часто читают XD
ну да пох... вопрос вот в чем - в Chrome не работает .removeAttr('style'), БЛЕАТЬ!
у кого есть идеи/замечания/предложения по этому вопросу?

Название: Вопрос по jquery
Отправлено: Stasovsky от 22 Июнь, 2011, 06:53:42
в чем косяк, так и не узнал, но вот так работает:
Javascript
.attr('class', '').removeAttr('style')

Название: Вопрос по jquery
Отправлено: shuranov от 28 Июнь, 2011, 04:23:55
Stasovsky

в чем косяк, так и не узнал, но вот так работает:
Javascript
.attr('class', '').removeAttr('style')
removeClass & addClass юзайте это.

Название: Вопрос по jquery
Отправлено: Stasovsky от 28 Июнь, 2011, 04:42:47
shuranov
removeClass & addClass юзайте это.
умный такой?)) если бы была возможность, то юзал бы именно это))

Название: Вопрос по jquery
Отправлено: shuranov от 28 Июнь, 2011, 04:45:21
Можно я поумничаю на тему неправильной архитектуры, где правильнее надо манипулировать классами, а не отдельными атрибутами? Впрочем, лучше промолчу. :)

Название: Вопрос по jquery
Отправлено: Stasovsky от 28 Июнь, 2011, 04:49:17
shuranov
Впрочем, лучше промолчу. :)
я тож так думаю))
ну или расскажи как делать анимацию классами XD

Название: Вопрос по jquery
Отправлено: }/{EHR от 17 Сентябрь, 2011, 03:11:34
Есть ли какая-нибудь функция, которая плавно перемещает объект из одного элемента в другой?
Что то типа append, только плавное перемещение.

Название: Вопрос по jquery
Отправлено: Stasovsky от 17 Сентябрь, 2011, 03:35:35
конкретной функции нет

Название: Вопрос по jquery
Отправлено: }/{EHR от 17 Сентябрь, 2011, 03:39:11
А как тогда перемещать? Высчитывать координаты или есть еще какой то другой способ? Использую еще плагин UI, может в нем есть что то подобное?

Название: Вопрос по jquery
Отправлено: Troy от 17 Сентябрь, 2011, 06:20:32
Javascript
$(elem1).effect("transfer", { to: "elem2" }, 2000);

Название: Вопрос по jquery
Отправлено: }/{EHR от 17 Сентябрь, 2011, 06:45:29
Troy, спасибо. Протестирую позже

Название: Вопрос по jquery
Отправлено: }/{EHR от 17 Сентябрь, 2011, 09:31:03
Troy, спасибо, почти как надо.

Название: Вопрос по jquery
Отправлено: Troy от 18 Сентябрь, 2011, 09:06:10
}/{EHR, почти? А что еще нужно? Так же можно указать класс, который присвоится трансформироваемуему объекту, вместо стандартного желтого квадрата

Название: Вопрос по jquery
Отправлено: }/{EHR от 18 Сентябрь, 2011, 11:50:24
Troy, ну во первых мне надо переместить, а не сделать вид что переместилось. Во вторых нужно чтобы перемещался этот же объект (идентичный), а не квадратик эмулирующий этот объект.
Спустя 3 минуты 39 секунд добавил
Ну а так уже сделал то что хотел. Спасибо.

Название: Вопрос по jquery
Отправлено: Troy от 18 Сентябрь, 2011, 05:38:47
}/{EHR, Так это же посто анимация, а после неё уже юзай append/prepend и тп.
Спустя 7 секунд добавил
*просто

Название: Вопрос по jquery
Отправлено: Ivan от 06 Ноябрь, 2011, 10:59:52
В опере 11.51 не работает селектор
var conflict = $(this).find('.x815checker input').is(':hover');
В чем может быть беда? В опере всегда false возвращает

Название: Вопрос по jquery
Отправлено: Ivan от 06 Ноябрь, 2011, 12:04:29
Отправил на багтрекер
http://bugs.jquery.com/ticket/10694

Название: Вопрос по jquery
Отправлено: Nyaah от 06 Ноябрь, 2011, 02:20:02
у меня работает на jquery.com тестил, правда 11.52, дай исходник страницы

Название: Вопрос по jquery
Отправлено: Ivan от 06 Ноябрь, 2011, 04:06:01
http://jsfiddle.net/cvK7b/

Название: Вопрос по jquery
Отправлено: Nyaah от 06 Ноябрь, 2011, 07:37:47
Это фейл
строка №5157 в незжатом jquery 1.7, стоит проверка на матч селектор
Javascript
var html = document.documentElement,
        matches = html.matchesSelector || html.mozMatchesSelector || html.webkitMatchesSelector || html.msMatchesSelector;
Думаю, да как так, у оперы ведь тоже есть матч селектор свой, доваляю в конец  || html.oMatchesSelector, а никуя. Короче после этого вместо старого oldSizzle.matchesSelector начинает использоватья новый, который юзает дом селектор браузера, все работает, НО: :hover сцука все равно не выбирает, с :cheched :visible и тд проблем нет, а вот под курсором элемент или нет не определяется, шляпа какая-то. В старом Suzzle нет фильтра по :hover потому вываливался эксепшен.
Кстати в багтрекере на гите jquery есть тикет https://github.com/jquery/sizzle/pull/74 с предложением добавить oMatchesSelector.

Название: Вопрос по jquery
Отправлено: Nyaah от 06 Ноябрь, 2011, 07:53:32
а вот хуй, в хроме тоже все время navy block was clicked выводит, тока в ие у меня вообще не работает, в мозилле таки выцепляет инпут, а в опере с хромом .is(':hover') === false

Название: Вопрос по jquery
Отправлено: Ivan от 06 Ноябрь, 2011, 10:00:03
я на мозилле верстаю, поэтому принимаю такие выкидки за баги, ибо это стандарт css

Название: Вопрос по jquery
Отправлено: Nyaah от 07 Ноябрь, 2011, 12:12:42
пральна, пох на 70% пользователей )))
Мозилла онли на мой взгляд ничем не лучше, чем вёрстка только для ие
Вот почему не повесить на каждый инпут обработчик, так тебе важно, чтобы каллбек висел только на контейнере?
И всё таки это не css а js, и в нём есть куда более быстрое с точки зрения языка определение инпута, по которому кликнули, чем выборка всех элементов в контейнере, потом фильтрация этих элементов по имени тега, а затем фильтрация среди найденных того, у которого псевдокласс :hover, согласись, что что-то тут не так, если при клике по инпуту просто могло произойти событие, которое вызвало бы нужную функцию напрямую, а не через пень колоду

Название: Вопрос по jquery
Отправлено: Stasovsky от 18 Январь, 2012, 05:12:37
нихуя не получилось и гугл не помог, там одна хуита...
ситуация - всплывает попап с прокруткой, при прокрутке попапа до конца, начинает крутиться вся страница -_-
только фф умничка, знает, что можно прокручивать, а что нельзя))
overflow:hidden; не предлагать, ибо унылое говно, по многим причинам...


Наверх ↑ | Powered by SMF 7 | SMF © 2009, Simple Machines LLC
PHP форум на ПЫХА.РУ