Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.05.2014, 08:42
Профессор
Отправить личное сообщение для Гробовщик Посмотреть профиль Найти все сообщения от Гробовщик
 
Регистрация: 10.03.2013
Сообщений: 169

Найти изображение после кнопки
Здравствуйте, дорогие форумчане...
Столкнулся с небольшой проблемой, но мой мозг упорно отказывается до неё допереть самостоятельно.
В php я вывожу миниатюры изображений, при клике на них изображение разворачивается на весь экран, а сверху красуется кнопка "на печать".
Печать осуществляется так: берём путь изображение, выводим его в новое окно, печатаем, закрываем окно.
Всё хорошо, но вот не могу поймать путь к изображению, которое находиться под кнопкой
Вот код:
echo  '<div class="ienlarger"><a href="#"> 
<img src="'.$sPath.'/'.$sFileName.'" alt="'.$sFileName.'" width="128px" height="128px" class="resize_thumb" /> //это миниатюра изображения 

<div class="pos">
<button class="printBut" onclick="prnt(this);">На печать</button>  // та самая кнопка
<br />
<img src="'.$sPath.'/'.$sFileName.'" alt="large" /> //то самое изображение, путь которого нужен
<br />'.$sFileName.'</div></a></div>';

пытался сделать как то так, но функция либо падает, либо не могу добраться до пути
function prnt(a) {
var poisk=$(a).parent().next().html();
alert(poisk) //alertom проверяю чё получил
}
Ответить с цитированием
  #2 (permalink)  
Старый 15.05.2014, 09:08
Профессор
Отправить личное сообщение для krasovsky Посмотреть профиль Найти все сообщения от krasovsky
 
Регистрация: 21.12.2012
Сообщений: 869

Ну вот например так:
<img src="'.$sPath.'/'.$sFileName.'" alt="large" id="myImg"/> //задаем айдишник


var url = $('#myImg')[0].src;//получаем url картинки
Ответить с цитированием
  #3 (permalink)  
Старый 15.05.2014, 09:13
Профессор
Отправить личное сообщение для jsnb Посмотреть профиль Найти все сообщения от jsnb
 
Регистрация: 15.03.2014
Сообщений: 561

Сообщение от Гробовщик Посмотреть сообщение
Вот код:
echo  '<div class="ienlarger"><a href="#"> 
<img src="'.$sPath.'/'.$sFileName.'" alt="'.$sFileName.'" width="128px" height="128px" class="resize_thumb" /> //это миниатюра изображения 

<div class="pos">
<button class="printBut" onclick="prnt(this);">На печать</button>  // та самая кнопка
<br />
<img src="'.$sPath.'/'.$sFileName.'" alt="large" /> //то самое изображение, путь которого нужен
<br />'.$sFileName.'</div></a></div>';

пытался сделать как то так, но функция либо падает, либо не могу добраться до пути
function prnt(a) {
var poisk=$(a).parent().next().html();
alert(poisk) //alertom проверяю чё получил
}
Для данной HTML структуры можно сделать так:
function prnt(a) {
var poisk=$(a).parent().find('img[alt="large"]').prop('src');
alert(poisk);
}

Если я конечно правильно понял вложенность тегов в этой PHP солянке. В следующий раз приводите сгенерированный HTML.

Последний раз редактировалось jsnb, 15.05.2014 в 09:15.
Ответить с цитированием
  #4 (permalink)  
Старый 15.05.2014, 09:33
Профессор
Отправить личное сообщение для Гробовщик Посмотреть профиль Найти все сообщения от Гробовщик
 
Регистрация: 10.03.2013
Сообщений: 169

krasovsky,
В том то и суть, что я не хотел id задавать т.к. картинок может быть столько "Сколько юзеру взбредёт в голову"
Ответить с цитированием
  #5 (permalink)  
Старый 15.05.2014, 09:34
Профессор
Отправить личное сообщение для Гробовщик Посмотреть профиль Найти все сообщения от Гробовщик
 
Регистрация: 10.03.2013
Сообщений: 169

jsnb,
Действительно работает так как мне надо, огромное спасибо)
Видать уже затуманенный мозг не додумался до такого простого решения, как выложить html код)))
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Изменение кнопки, не срабатывает функция после изменения arahmanov Элементы интерфейса 3 25.01.2014 14:36
Как вставить изображение после тега с определённым классом borus Общие вопросы Javascript 1 20.01.2014 18:43
Смена цены после выбора radio кнопки витослав jQuery 4 28.11.2013 21:29
Вывести изображение после ввода URL без перезагрузки страницы Delfiniys Элементы интерфейса 5 18.10.2013 11:41
Повернуть изображение после его загрузки (jquery) art_maestro jQuery 0 13.09.2012 21:50