Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Не могу Ajax передать название фотографии! / 2 сообщений из 2, страница 1 из 1
17.08.2015, 14:21
    #39030734
son456
son456
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не могу Ajax передать название фотографии!
Здравствуйте! Есть страница html где можно перелистывать изображения влево и вправо и я создал еще одну кнопку для для удаления фото. У меня не получается определить название фото и передать средствами Ajax.
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
(function($){
var viewUL=$('div.view').css('overflow','hidden').children('ul');
imgs=viewUL.find('img'),
imgW=imgs[0].width,
imgsLen=imgs.length,
totalImgsW=imgW*imgsLen,
current=1;
$('#show').show().find('button').on('click',
function(){
//console.log($(this));
var direction=$(this).attr('id');
//console.log(direction);
var position=imgW;
//(direction === 'next') ? ++current : --current;
if(direction === 'next')
{
  ++current;
}
if(direction === 'prev')
{
  --current;
}
if(direction === 'del')
{
  --current;
  var NamePhoto=getElementsByName();
  $.ajax({
  type: "POST",
  url: "DelScan.php",
  data:	
  'keyword='+NamePhoto.val()
  ,
  success: function(data)
  {
    $("#suggesstion-box").show();
    $("#suggesstion-box").html(data);		
  }
});
	
}
if(current === 0)
{
  current=imgsLen;
  direction='next';
  position=totalImgsW-imgW;
}
else if(current-1===imgsLen)
{
  current=1;
  position=0;
}
doit(viewUL,position,direction);
});
function doit(container,position,direction)
{
var sign;
if(direction && position !==0)
{
  
  //sign=(direction === 'next') ? '-=' : '+=';
 if(direction === 'next')
 {
   sign='-=';
 }
 if(direction === 'prev')
 {
   sign='+=';
 }
}
container.animate({
'margin-left' : sign ? (sign+position) : position
});
}
})(jQuery);
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.08.2015, 16:22
    #39030916
son456
son456
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Не могу Ajax передать название фотографии!
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
<!doctype html>
<html>
<head>
	<meta charset=utf-8>
	<title>Слайд-шоу</title>
	<SCRIPT Language="Javascript"> 
    function printit()
	{ 
      window.print(); 
    }
	</script>
	<style>
	@media print
    {
     *{
      color:#0000 !important;
	  background-transparent: !important;
    }
    html{
     font-family: "Times New Roman", Times, serif;   
    }
    body{
    width: 1000px;
		height: 100%;
    }
    #bt_Ctr{
      display:none;
    }
	#show button
   {
    display:none;
  }
  img {
		width: 100%;
		height: 100%;
	}
	#view {
		width: 100%;
		height: 100%;
	}
}     
	*{margin:0;padding:0}
#show{display:none;margin-top:1em;}
body{width:1000px;margin:100px auto 0}
.view
{
  width:inherit;
  height:200px;
  overflow:scroll
}
.view ul
{
  list-style:none;
  width:10000px;
}
.view li{float:left}
#show button
{
padding:1em;
margin-right:1em;
cursor:pointer
}
	</style>
</head>
<body>
<div class='view'>
<ul>
<li><img src='img/1.jpg' width='1000px'></li>
<li><img src='img/2.jpg' width='1000px'></li>
<li><img src='img/3.jpg' width='1000px'></li>
<li><img src='img/4.jpg' width='1000px'></li>
</ul>
</div>
<div id='show'>
<button id='prev'>Назад</button>
<button id='next'>Вперед</button>
<button id='del'>Удалить фото!</button>
</div>
<script src="jquery.js" type="text/javascript"></script>
<script src="slide-show.js"></script>
</br></br></br></br>
<div id="bt_Ctr" style=''>
  <form> 
  <input TYPE="button" CLASS="for" VALUE="Распечатать страницу!" onClick="printit()"> 
  </form>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Не могу Ajax передать название фотографии! / 2 сообщений из 2, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 523ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1445787]:
 0ms
get settings:
 10ms
get forum list:
 19ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 203ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 26ms
get tp. blocked users:
 1ms
others: 243ms
total:  523ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]