Форум PHP программистов > как изменить окошко выводад информации...

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: как изменить окошко выводад информации...

feniks_iopok

30.04.2011 - 15:24

вот тут при нажатии на кнопку голосовать дальнейшая информация выводится в некрасивом окошке. можно ли изменить его оформление? как?

вот функция на странице

function vote(num_button) {
var req = getXmlHttp()   
var statusElem = document.getElementById('dialog') 
req.onreadystatechange = function() {  
if (req.readyState == 4) { 
statusElem.innerHTML = req.statusText 
if(req.status == 200) { 
alert("Ответ сервера: "+req.responseText);  }  }  }
var url = 'ajax_intro/vote.php?button=' + num_button;
req.open('GET', url, true);  
req.send(null); 
statusElem.innerHTML = 'Ожидаю ответа сервера...' }

вот часть документа vote.php которая выводит нужный текст

if ( $button_value == 1 ) { $f = file_get_contents("../ip/ip_gd.txt"); preg_match_all('/'.$ip.'/', $f, $match);
	if (count($match[0]) < $rock) { 
	$files = fopen('../ip/ip_gd.txt', "a+");
	fwrite($files, $ip."\r\n");
	fclose ($files);
	echo ('Голос учтен! Приходите завтра, чтобы проголосовать еще раз!'); }  
	else {echo ('Голоса закончились! Приходите завтра, чтобы проголосовать еще раз!'); } }

Спустя 29 минут, 56 секунд (30.04.2011 - 14:54) Mirexzpalich написал(а):

Вместо alert("Ответ сервера: "+req.responseText);


var div = document.createElement('DIV');
div.innerHTML = req.responseText + '<br/><input type ="button" onclick="this.parentNode.parentNode.removeChild(this.parentNode)" value="OK">';
document.body.appendChild(div);
div.style.position = 'absolute';
div.style.top = '60px';
div.style.left = '100px';

Див сам разукрасишь...

Спустя 13 минут, 24 секунды (30.04.2011 - 15:07) feniks_iopok написал(а):

оо спасибо!!!

его же можно будет разукрасить с помощью джейквери?

вот так вот например?

Спустя 1 минута, 9 секунд (30.04.2011 - 15:08) Mirexzpalich написал(а):

Здесь ты ограничиваешься лишь своей фантазией

Спустя 1 минута, 7 секунд (30.04.2011 - 15:09) feniks_iopok написал(а):

и последний вопрос(надеюсь) , как ему класс или айди прописать?

Спустя 1 минута, 1 секунда (30.04.2011 - 15:10) Mirexzpalich написал(а):

div.id = 'div_result';

Спустя 36 секунд (30.04.2011 - 15:11) feniks_iopok написал(а):

спасибо!!! форум в избранное

Спустя 43 минуты, 52 секунды (30.04.2011 - 15:55) feniks_iopok написал(а):

сделал как вы сказали. прописал айди диву.

var div = document.createElement('DIV');
div.innerHTML = req.responseText + '<br/><input type ="button" onclick="this.parentNode.parentNode.removeChild(this.parentNode)" value="OK">';
document.body.appendChild(div);
div.id = 'dialog';

ссылке прописал айди "opener"

<a href="#" onClick="vote(\'1\')" id="opener">

подключил джейквери, все правильно сделал.
вставил скрипт который должен открывать этот див с определенным эффекктом, но ничего не происходит, все работает как и до этого :( что я сделал не так?

вот скрипт джейквери

	<script>
	$.fx.speeds._default = 1000;
	$(function() {
		$( "#dialog" ).dialog({
			autoOpen: false,
			show: "blind",
			hide: "explode"
		});

		$( "#opener" ).click(function() {
			$( "#dialog" ).dialog( "open" );
			return false;
		});
	});
	</script>

Спустя 3 минуты, 47 секунд (30.04.2011 - 15:58) Mirexzpalich написал(а):


$( "#dialog" ).dialog({
			autoOpen: false,
			show: "blind",
			hide: "explode"
		});

Засунь после div.id = 'dialog';

Спустя 2 минуты, 54 секунды (30.04.2011 - 16:01) feniks_iopok написал(а):

так вообще ничего не открывается

Спустя 3 минуты, 34 секунды (30.04.2011 - 16:05) Mirexzpalich написал(а):

Покажи код полностью

Спустя 1 минута, 14 секунд (30.04.2011 - 16:06) feniks_iopok написал(а):

мм вот вся страница

<!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01 Transitional//EN" "www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Голосование</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link type="text/css" href="css/style.css" rel="stylesheet" />
<link type="text/css" href="css/ui-darkness/jquery-ui-1.8.12.custom.css" rel="stylesheet" />
<script src="js/jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.8.12.custom.min.js" type="text/javascript"></script>
</head>
<body>

<script>
function getXmlHttp(){
	  var xmlhttp;
	  try {
	    xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
    try {
      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (E) {
      xmlhttp = false;	    }
	  }
	  if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
	    xmlhttp = new XMLHttpRequest();
	  }
	  return xmlhttp;
	}



function vote(num_button) {
var req = getXmlHttp()   
var statusElem = document.getElementById('dialog1') 
req.onreadystatechange = function() {  
if (req.readyState == 4) { 
statusElem.innerHTML = req.statusText 
if(req.status == 200) { 
var div = document.createElement('DIV');
div.innerHTML = req.responseText + '<br/><input type ="button" onclick="this.parentNode.parentNode.removeChild(this.parentNode)" value="OK">';
document.body.appendChild(div);
div.id = 'dialog'; 
$( "#dialog" ).dialog({
			autoOpen: false,
			show: "blind",
			hide: "explode"
		}); }  }  }
var url = 'ajax_intro/vote.php?button=' + num_button;
req.open('GET', url, true);  
req.send(null); 
statusElem.innerHTML = 'Ожидаю ответа сервера...' }

</script>

<!--LiveInternet counter--><script type="text/javascript"><!--
new Image().src = "//counter.yadro.ru/hit?r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random();//--></script><!--/LiveInternet-->

<?php 
function GetRealIp() { if (!empty($_SERVER['HTTP_CLIENT_IP']))  { $ip=$_SERVER['HTTP_CLIENT_IP'];  }  elseif (!empty($_SERVER['HTTP_X_FORWARDED_FOR'])) 
 { $ip=$_SERVER['HTTP_X_FORWARDED_FOR'];}  else  { $ip=$_SERVER['REMOTE_ADDR']; }  return $ip; }  $ip = getRealIp(); 
?>
<br><br><br><br><center>
<div id="dialog1"> </div>
<table class="conteiner">

<tr><td class="box">
<p class="titles">Green Day</p>
<center><div class="imgs"><img src="images/greenday.jpg"></div></center>
<center><p><?php 
echo ('<div class=butt><a href="#" onClick="vote(\'1\')" id="opener"><br>');  
$ips = file("ip/ip_gd.txt");   for ($i = 0; $i <= count($ips); $i++) {  }  echo ($i - 1);   echo ('</a></div>');
?></p></center>
</td><td class="box">

<p class="titles">Three Days Grace</p>
<center><div class="imgs"><img src="images/tdg.jpg"></div></center>
<center><p><?php 
echo ('<div class=butt><a href="#" onClick="vote(\'2\')"><br>');  
$ips = file("ip/ip_tdg.txt");   for ($i = 0; $i <= count($ips); $i++) {  }  echo ($i - 1);   echo ('</a></div>');
?></p></center>
</td><td class="box">

<p class="titles">30 Seconds to Mars</p>
<center><div class="imgs"><img src="images/30stm.jpg"></div></center>
<center><p><?php 
echo ('<div class=butt><a href="#" onClick="vote(\'3\')"><br>');  
$ips = file("ip/ip_30stm.txt");   for ($i = 0; $i <= count($ips); $i++) {  }  echo ($i - 1);   echo ('</a></div>');
?></p></center>
</td><td class="box">

<p class="titles">The Offspring</p>
<center><div class="imgs"><img src="images/off.jpg"></div></center>
<center><p><?php 
echo ('<div class=butt><a href="#" onClick="vote(\'4\')"><br>');  
$ips = file("ip/ip_off.txt");   for ($i = 0; $i <= count($ips); $i++) {  }  echo ($i - 1);   echo ('</a></div>');
?></p></center>

</td></tr>
</table>
</center>

<center><div>
<!--LiveInternet logo--><a href="http://www.liveinternet.ru/click"
target="_blank"><img src="//counter.yadro.ru/logo?50.6"
title="LiveInternet"
alt="" border="0" width="31" height="31"/></a><!--/LiveInternet-->
</div></center>

</body>
</html>

Спустя 16 минут, 14 секунд (30.04.2011 - 16:22) Mirexzpalich написал(а):


<!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01 Transitional//EN" "www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Голосование</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link type="text/css" href="css/style.css" rel="stylesheet" />
<link type="text/css" href="css/ui-darkness/jquery-ui-1.8.12.custom.css" rel="stylesheet" />
<script src="http://jqueryui.com/jquery-1.5.1.js"></script> 
<script src="http://jqueryui.com/ui/jquery.ui.core.js"></script> 
<script src="http://jqueryui.com/ui/jquery.ui.widget.js"></script> 
<script src="http://jqueryui.com/ui/jquery.ui.position.js"></script> 
<script src="http://jqueryui.com/ui/jquery.ui.dialog.js"></script> 
</head>
<body>

<script>
function getXmlHttp(){
	  var xmlhttp;
	  try {
	    xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (e) {
    try {
      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (E) {
      xmlhttp = false;	    }
	  }
	  if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
	    xmlhttp = new XMLHttpRequest();
	  }
	  return xmlhttp;
	}



function vote(num_button) {
var req = getXmlHttp()   
var statusElem = document.getElementById('dialog1') 
req.onreadystatechange = function() {  
if (req.readyState == 4) { 
statusElem.innerHTML = req.statusText 
if(req.status == 200) { 
var div = document.createElement('DIV');
div.innerHTML = req.responseText;
document.body.appendChild(div);
div.id = 'dialog'; 
$( "#dialog" ).dialog({
			autoOpen: true,
			show: "blind",
			hide: "explode"
		}); }  }  }
var url = 'ajax_intro/vote.php?button=' + num_button;
req.open('GET', url, true);  
req.send(null); 
statusElem.innerHTML = 'Ожидаю ответа сервера...' }

</script>

<!--LiveInternet counter--><script type="text/javascript"><!--
new Image().src = "//counter.yadro.ru/hit?r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random();//--></script><!--/LiveInternet-->

<?php 
function GetRealIp() { if (!empty($_SERVER['HTTP_CLIENT_IP']))  { $ip=$_SERVER['HTTP_CLIENT_IP'];  }  elseif (!empty($_SERVER['HTTP_X_FORWARDED_FOR'])) 
 { $ip=$_SERVER['HTTP_X_FORWARDED_FOR'];}  else  { $ip=$_SERVER['REMOTE_ADDR']; }  return $ip; }  $ip = getRealIp(); 
?>
<br><br><br><br><center>
<div id="dialog1"> </div>
<table class="conteiner">

<tr><td class="box">
<p class="titles">Green Day</p>
<center><div class="imgs"><img src="images/greenday.jpg"></div></center>
<center><p><?php 
echo ('<div class=butt><a href="#" onClick="vote(\'1\')" id="opener"><br>');  
$ips = file("ip/ip_gd.txt");   for ($i = 0; $i <= count($ips); $i++) {  }  echo ($i - 1);   echo ('</a></div>');
?></p></center>
</td><td class="box">

<p class="titles">Three Days Grace</p>
<center><div class="imgs"><img src="images/tdg.jpg"></div></center>
<center><p><?php 
echo ('<div class=butt><a href="#" onClick="vote(\'2\')"><br>');  
$ips = file("ip/ip_tdg.txt");   for ($i = 0; $i <= count($ips); $i++) {  }  echo ($i - 1);   echo ('</a></div>');
?></p></center>
</td><td class="box">

<p class="titles">30 Seconds to Mars</p>
<center><div class="imgs"><img src="images/30stm.jpg"></div></center>
<center><p><?php 
echo ('<div class=butt><a href="#" onClick="vote(\'3\')"><br>');  
$ips = file("ip/ip_30stm.txt");   for ($i = 0; $i <= count($ips); $i++) {  }  echo ($i - 1);   echo ('</a></div>');
?></p></center>
</td><td class="box">

<p class="titles">The Offspring</p>
<center><div class="imgs"><img src="images/off.jpg"></div></center>
<center><p><?php 
echo ('<div class=butt><a href="#" onClick="vote(\'4\')"><br>');  
$ips = file("ip/ip_off.txt");   for ($i = 0; $i <= count($ips); $i++) {  }  echo ($i - 1);   echo ('</a></div>');
?></p></center>

</td></tr>
</table>
</center>

<center><div>
<!--LiveInternet logo--><a href="http://www.liveinternet.ru/click"
target="_blank"><img src="//counter.yadro.ru/logo?50.6"
title="LiveInternet"
alt="" border="0" width="31" height="31"/></a><!--/LiveInternet-->
</div></center>

</body>
</html>

Спустя 2 минуты, 51 секунда (30.04.2011 - 16:25) feniks_iopok написал(а):

ааа! &&?!&*** какое спасибо

Спустя 53 минуты, 28 секунд (30.04.2011 - 17:19) feniks_iopok написал(а):

если мучать, то до конца)

нужно, чтобы при закрытии этого окна выполнилось это действие

this.parentNode.parentNode.removeChild(this.parentNode)

как это сделать? до этого там стояла кнопка, но ее нужно убрать по некоторым причинам.

<input type ="button" onclick="this.parentNode.parentNode.removeChild(this.parentNode)" value="OK">

а это действие нужно выполнить при закрытии диалогового окна. поможете?

Спустя 1 час, 19 минут, 54 секунды (30.04.2011 - 18:39) Mirexzpalich написал(а):

Просто убери.... И все... Окно будешь закрывать крестиком

Спустя 42 минуты, 30 секунд (30.04.2011 - 19:21) feniks_iopok написал(а):

если убрать кнопку, то будет так:
заходишь на страницу , нажимаешь на какую-нибудь кнопку первый раз, вылазиет красивое окошко, закрываешь его крестиком, все норм.
если нажать еще на одну кнопку (не обновляя страницы) то вылезет красивое окошко , а под ним не красивое(зайдите и сами попробуйте)
а если оставить эту кнопку с той командой, и перед закрытием красивого окошка , сначало нажать на кнопку а потом на крестик, то после следующего нажития на кнопку "голосовать"(без обновления страницы) так же вылезет только красивое окно. под ним не будет не красивого.

лучше зайдите и сами попробуйте, нажмите на одну кнопку голосовать, закройте вылетевшее окошко крестиком, и нажмите на другую кнопку голосовать, и увидете что будет.

как я понял , надо при закрытии этого окошко выполнить ту команду, которая выполнялась при нажатии кнопки "ОК"

this.parentNode.parentNode.removeChild(this.parentNode)

Спустя 5 часов, 14 минут, 36 секунд (1.05.2011 - 00:36) Mirexzpalich написал(а):

Попробуй на событие клика у кнопки сделать так:


this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode)

Спустя 5 часов, 49 минут, 37 секунд (1.05.2011 - 06:25) feniks_iopok написал(а):

мне нужно избавится от этой кнопки. потому что не удобно будет, если сначало нажимать на ок, а потом на крестик. надо чтобы при закрытии окна выполнялось это действие.

я в джейквери полазил, там на диалоговых окошках есть событие close. вот вырезка с сайта про него.

This event is triggered when the dialog is closed.
Code examples
 Supply a callback function to handle the close event as an init option. 
$( ".selector" ).dialog({
   close: function(event, ui) { ... }
});
 Bind to the close event by type: dialogclose. 
$( ".selector" ).bind( "dialogclose", function(event, ui) {
  ...
});

можно ли как нибудь с помощью него во время закрытия выполнять то действие?

Спустя 3 часа, 44 минуты, 9 секунд (1.05.2011 - 10:09) Mirexzpalich написал(а):

После div.id = 'dialog';


div.onclick = function funk()
                       {
                           var d = document.getElementById('dialog');
                           d.parentNode.removeChild(d);
                          }

Спустя 28 минут, 57 секунд (1.05.2011 - 10:38) feniks_iopok написал(а):

все равно появляется

Спустя 16 минут, 6 секунд (1.05.2011 - 10:55) feniks_iopok написал(а):

добавил вот такую команду из джейквери

$( "#dialog" ).dialog({ buttons: [
    {
        text: "Ok",
        click: function() { $(this).dialog("close");
	var d = document.getElementById('dialog');
                           d.parentNode.removeChild(d);
 }
    }
] });

все работает отлично. но теперь надо либо повесить этуже команду на крестик, либо убрать этот крестик.

Спустя 8 минут, 31 секунда (1.05.2011 - 11:03) feniks_iopok написал(а):

блин, все , сделал :)
убрал все кнопки, и поставил этот скрипт


$( "#dialog" ).dialog({
   close: function(event, ui) { var d = document.getElementById('dialog');
                           d.parentNode.removeChild(d); }
});

спасибо за помощь! ;)

_____________
есть сайт, 3-4к уников в сутки. зарабатываю 100 рублей в день, почему так мало?

Быстрый ответ:

Здесь расположена полная версия этой страницы.