Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Замена атрибута .href при клике на сторонний объект (https://javascript.ru/forum/misc/46751-zamena-atributa-href-pri-klike-na-storonnijj-obekt.html)

dartWeider 22.04.2014 13:53

Замена атрибута .href при клике на сторонний объект
 
Здравствуйте! бьюсь уже который день. помогите пожалуйста.
суть такая: три переменные
a=хранит адрес картинки
b=описание картинки
c=адрес ссылки
a,b, работают при клике на "анкор", подставляются переменные: меняется картинка и ее описание. но переменная "c" не работает.
установлен скрипт "cloud-zoom", увеличивающий часть картинки при наведении. При смене картинки "а" должна меняться и "c", что бы увеличивалась именно та картика, которая только что сменилась. что я сделал не так? подскажите пожалуйста

<script type="text/javascript">
 function l_image (a, b, c) {
 document.example_img.src=a;
 document.getElementById("example_text").innerHTML=b;
 document.getElementByClass("cloud-zoom").href=c;
 }
 </script>


<a class="cloud-zoom" href="images/map/vent_big.jpg" id="zoom1" rel="adjustX: -5, adjustY:+5"> <img alt="" border="0" class="cke-resize cke-resize" name="example_img" src="images/map/1.jpg" style="display: block; margin-left: auto; margin-right: auto; " /></a>

<div id="example_text"><span style="font-size:14px;">Описание</span></div>


<a href="javascript:l_image ('../images/map/vent1.png', 'Описание 2Описание', '../images/map/vent1.png')">анкор</a>

BETEPAH 22.04.2014 23:31

Цитата:

Сообщение от dartWeider
getElementByClass

где Вы такой метод нашли?

BETEPAH 22.04.2014 23:37

<a class="cloud-zoom" href="images/map/vent_big.jpg" id="zoom1" rel="adjustX: -5, adjustY:+5">
  <img alt="" border="0" class="cke-resize cke-resize" name="example_img" src="http://javascript.ru/forum/images/smilies/smile.gif" style="display: block; margin-left: auto; margin-right: auto; " />
</a>
<div id="example_text">
  <span style="font-size:14px;">Описание</span>
</div>
<a href="javascript:l_image ('http://javascript.ru/forum/images/smilies/agree.gif', 'Описание 2Описание', 'http://javascript.ru/forum/images/smilies/agree.gif')">анкор</a>
<script>
 function l_image (a, b, c) {
 document.example_img.src = a;
 document.getElementById("example_text").innerHTML = b;
 document.getElementsByClassName("cloud-zoom")[0].href = c;
 }
 </script>

dartWeider 23.04.2014 10:31

Цитата:

Сообщение от BETEPAH (Сообщение 308875)
<a class="cloud-zoom" href="images/map/vent_big.jpg" id="zoom1" rel="adjustX: -5, adjustY:+5">
  <img alt="" border="0" class="cke-resize cke-resize" name="example_img" src="http://javascript.ru/forum/images/smilies/smile.gif" style="display: block; margin-left: auto; margin-right: auto; " />
</a>
<div id="example_text">
  <span style="font-size:14px;">Описание</span>
</div>
<a href="javascript:l_image ('http://javascript.ru/forum/images/smilies/agree.gif', 'Описание 2Описание', 'http://javascript.ru/forum/images/smilies/agree.gif')">анкор</a>
<script>
 function l_image (a, b, c) {
 document.example_img.src = a;
 document.getElementById("example_text").innerHTML = b;
 document.getElementsByClassName("cloud-zoom")[0].href = c;
 }
 </script>

Спасибо за помощь!=) но все равно не работает. проблема с этим классом <a class="cloud-zoom". как только меняю ему имя, ссылка подставляется. но этот класс нужен для крассивого увеличения изображения.
вот скрипт, где перезаписывается этот класс в css, но ничего такого я там не нашел... http://ruseller.com/adds/adds2572/ex...-zoom.1.0.2.js.
еще используется "jquery" http://ruseller.com/adds/adds2572/ex.../jquery.min.js
и маленький файлик css http://ruseller.com/adds/adds2572/ex...cloud-zoom.css

BETEPAH 23.04.2014 11:41

Цитата:

Сообщение от dartWeider
Спасибо за помощь!=) но все равно не работает.

Вы кнопку "Посмотреть" нажимали?

dartWeider 23.04.2014 13:21

Цитата:

Сообщение от BETEPAH (Сообщение 308917)
Вы кнопку "Посмотреть" нажимали?

конечно. более того, я и у себя потестил. все работает, если не использовть класс "cloud-zoom" . видимо конфликтуют скрипты

BETEPAH 23.04.2014 22:10

Цитата:

Сообщение от dartWeider
все работает, если не использовть класс "cloud-zoom"

В посте №3 все работает, даже если использовать класс .cloud-zoom. Ноль показывает, что берется первый найденный элемент с таким классом.

dartWeider 24.04.2014 10:31

Цитата:

Сообщение от BETEPAH (Сообщение 308999)
В посте №3 все работает, даже если использовать класс .cloud-zoom. Ноль показывает, что берется первый найденный элемент с таким классом.

Еще раз спасибо Вам за помощь и за потраченное время!


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