VPF::Динамическая обработка в jQuery - Форум программистов

finogeev

Дата 22.8.2012, 21:16 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 108
Регистрация: 5.3.2007

Репутация: нет
Всего: нет

Вообщем главное правильно описать, что бы поняли smile

.
Сразу прошу прощения, с JS не влады - дружу только c PHP.
Ситуация такая,

Код


$("#div.route").click(function() {
    // к примеру заменяю link1 на content1 и провожу манипуляции, 
    // таким образов вытаскивая нужную id-шку
    // подскажите как мне вытащить id-шку и вставить её в атрибут
    //  ниже в, тюею передать "url: "content.php?var=???" ?
    $("#" + this.id.replace(/link/,'content')).show();
            
        $.ajax({
            url: "content.php?var=???",
            cache: false,
            success: function(html){
            $("#content").html(html);        
            }
        });                
});

Код


<div id="link1" class="route">link1</div>
<div id="link2" class="route">link2</div>
<div id="link3" class="route">link3</div>

<div id="content1" >content</div>
<div id="content2" >content</div>
<div id="content3" >content</div>

в строчке "6" манипуляции с id-шкой, подскажите каким образов можно выстащить её что бы указать в строке "9" для передаче её, или может как то можно тоже replace'ом сделать.
Заранее благодарен.

Это сообщение отредактировал(а) finogeev - 22.8.2012, 21:20

нуп

Дата 22.8.2012, 22:30 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 12
Всего: 33

Код


var id = this.getAttribute('id').split('link')[1];

Проще прописать дополнительный атрибут, и в нем хранить данные
<div class="route" data-id="1"></div>

finogeev

Дата 22.8.2012, 23:18 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 108
Регистрация: 5.3.2007

Репутация: нет
Всего: нет

Громадное спасибо, в первом случае прокатило,

Код


$("#content" + id).show();

только вот вопрос по синтаксису JS не могу понять, как его правильно вставить в атрибут jQuery

Код

           
        $.ajax({
            url: "content.php?var=" + id,
            cache: false,
            success: function(html){
            $("#content").html(html);        
            }
        });

так не проходит ....

Это сообщение отредактировал(а) finogeev - 22.8.2012, 23:21

нуп

Дата 22.8.2012, 23:47 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 12
Всего: 33

$('#content' + id).html(data);
Кстати это походу неправильный селектор $("#div.route"). Лучше проверьте его

finogeev

Дата 23.8.2012, 08:56 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 108
Регистрация: 5.3.2007

Репутация: нет
Всего: нет

Да селектор ошибочно ввел в примере, спасибо - поправил ..
А по поводу вставки id в код, не получается, мне необходимо её передать в этой строчке

Код


 url: "content.php?var=" + id,

когда подключаю удаленный файл, именно ему и передается id-шка

нуп

Дата 23.8.2012, 09:15 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 12
Всего: 33

Посмотрите в консоли, проходит ли запрос. И что сервер вернул. Firebug для ff F12, консоль хрома f12, опера ctrl + shift + i

finogeev

Дата 23.8.2012, 11:07 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 108
Регистрация: 5.3.2007

Репутация: нет
Всего: нет

Спасибо, добрый и единственный человек который мне помог ...
я хоть немного стал понимать JS

finogeev

Дата 24.8.2012, 08:52 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 108
Регистрация: 5.3.2007

Репутация: нет
Всего: нет

Цитата(нуп @ 22.8.2012, 22:30)

Код


var id = this.getAttribute('id').split('link')[1];

Проще прописать дополнительный атрибут, и в нем хранить данные
<div class="route" data-id="1"></div>

Извиняюсь, но есть ещё один вопрос.
в подсказанном Вам примере, я стал в другом коде передавать данные в JS ..., например

Код


<div id="toData1toДанные1">Data div 1</div>
<div id="toDatat2toДанные2>Data div 2</div>

Код


var iata = this.getAttribute('id').split('to')[1]; 
var iata_name = this.getAttribute('id').split('to')[2];

Смысл в том, что второе значение которое передается в js на "кириллице" и всё прекрасно работает и устраивает меня, но в IE кирилица не обрабатывается в js получается �� почему то .... Соответственно код рушиться. Хотя везде на всех страница прописан

Код


header('Content-Type: text/html; charset=utf-8');

Может надо както в файле js (в котором вся обработка идет) указать charset, только как вот?

Aliance

Дата 24.8.2012, 09:50 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 17
Всего: 137

Код


$("#div.route")

что это?

зачем там знак #?

Добавлено через 1 минуту и 40 секунд

Цитата(finogeev @ 24.8.2012, 09:52

)

Может надо както в файле js (в котором вся обработка идет) указать charset, только как вот?

Код


<script type="text/javascript" charset="UTF-8" src="script.js"></script>

плюс сам файл должен находится в нужной кодировке. желательно еще и сервером отдавать js файлы в нужной кодировке.

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

нуп

Дата 24.8.2012, 09:56 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 12
Всего: 33

Все файлы перевести в utf-8 + meta charset + apache

finogeev

Дата 24.8.2012, 19:48 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 108
Регистрация: 5.3.2007

Репутация: нет
Всего: нет

Всем спасибо! Оказалось сам файл был не в utf.
И на последок послений вопрос по jquery, а может и не по нему

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

Код


<form method="get" action="/datd/" id="form_part">
</form>

Добавлено позже.
Сам спросил сам и нашел...

Код


$("#form_part").attr("action", "value");

Это сообщение отредактировал(а) finogeev - 24.8.2012, 20:11

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »