Форум АНТИЧАТ
Страница 1 из 2 1 2 >
Показывать 40 сообщений этой темы на одной странице

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)
-   PHP, PERL, MySQL, JavaScript (https://forum.antichat.xyz/forumdisplay.php?f=37)
-   -   подгрузка на ajax, или изменение кода на стороне клиента (https://forum.antichat.xyz/showthread.php?t=149202)

.::BARS::. 18.10.2009 14:19
подгрузка на ajax, или изменение кода на стороне клиента
 
вопрос такого плана... есть картинки

img1 img2 img3

3 дива

<div pop></div>
<div rap></div>
<div popca></div>

и

поле для вывода текста

==========

допустим при нажатии на img1 вызывается текст лалала - это впринципе ничего сложного, но как сменить <div pop></div> на
<div rap></div>? т.е. нужно не подгрузить содержимое, а внести изменение в код...
див должен смениться не перезагрузив страницу...

m0Hze 18.10.2009 14:46
Цитата:
Сообщение от .::BARS::.
вопрос такого плана... есть картинки

img1 img2 img3

3 дива

<div pop></div>
<div rap></div>
<div popca></div>

и

поле для вывода текста

==========

допустим при нажатии на img1 вызывается текст лалала - это впринципе ничего сложного, но как сменить <div pop></div> на
<div rap></div>? т.е. нужно не подгрузить содержимое, а внести изменение в код...
див должен смениться не перезагрузив страницу...
Ни слова не понял вообще.

diGriz 18.10.2009 14:51
Что-то типа этого:
Код:
<script type="text/javascript">

 $(function() {
            $('#myLink').click(function() {
            $("#pop").attr({
            id: "rap",
          });
        });
    });

</script>
<a href="#" id="myLink">Click</a>
<div id="pop">sss</div>

.::BARS::. 18.10.2009 14:56
Цитата:
Ни слова не понял вообще.
- ниже уже ближе

Цитата:
<script type="text/javascript">

$(function() {
$('#myLink').click(function() {
$("#pop").attr({
id: "rap",
});
});
});

</script>
<a href="#" id="myLink">Click</a>
<div id="pop">sss</div>
а как теперь передать в клике индефикатор.. на что менять, на pop или на popsa

.::BARS::. 18.10.2009 15:02
<script type="text/javascript">

$(function() {
$('#myLink').click(function() {
$("#1").attr({
id: "2",
});
});
});

</script>
<a href="#" id="myLink">Click1</a>
<a href="#" id="myLink">Click2</a>
<a href="#" id="myLink">Click3</a>
<div id="1">sss</div>
<div id="2">sss</div>
<div id="3">sss</div>

-----------

вот впринципе так... но в этом коде он сменит просто див с 1 на 2
а если я опять нажму на клик1, но назад не меняет...

POS_troi 18.10.2009 15:10
jQuery - копай

.::BARS::. 18.10.2009 15:15
Цитата:
Сообщение от POS_troi
jQuery - копай
копал... ничего хорошего не накопал..

aqqa 18.10.2009 15:23
непонятно про какой ты идентификатор говоришь...
Вот те офф. офигительная документация с примерами по жквери
http://docs.jquery.com/Manipulation/replaceWith#content

diGriz 18.10.2009 15:24
Код:
$(function() {
            $('#myLink').click(function() {
                    var attribute = $("#pop").attr("id");
                        if(attribute == 'pop') {
                                //alert(attribute);
                                $("#pop").attr({ id: "rap",});
                        } else {
                                $("#rap").attr({ id: "pop",});
                        }
        });
    });

.::BARS::. 18.10.2009 15:48
http://slavabars.ru/11.JPG
http://slavabars.ru/22.JPG
http://slavabars.ru/33.JPG

вот как надо...
где крестик - это на что нажимает...
цветная область - это и есть div


Время: 11:00
Страница 1 из 2 1 2 >
Показывать 40 сообщений этой темы на одной странице