Tengo un sitio web basado en php. Como en, todas las páginas html se envían a través de php.PHP + JQuery - ¿Cómo usar estos dos juntos? Por favor, consulte mi ejemplo
Aquí está un ejemplo sencillo:
<?php
ob_start();
$pageStart = '
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MY WEBSITE PAGE</title>
</head>
<body>
<p>CONTENT</p>
</body>
</html>
';
echo $pageStart;
exit;
?>
lo que me gustaría hacer es hacer uso de un poco de jQuery en esta página.
Así que, naturalmente, mi primer intento fue la de incluir la secuencia de comandos en el interior de la variable php, así:
<?php
ob_start();
$pageStart = '
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
var datefield=document.createElement("input")
datefield.setAttribute("type", "date")
if (datefield.type!="date"){ //if browser doesn't support input type="date", load files for jQuery UI Date Picker
document.write('<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />\n')
document.write('<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"><\/script>\n')
document.write('<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"><\/script>\n')
}
</script>
<script type="text/javascript">
if (datefield.type!="date"){ //if browser doesn't support input type="date", initialize date picker widget:
jQuery(function($){ //on document.ready
$('#birthday').datepicker();
})
}
</script>
</head>
<body>
<p>CONTENT</p>
</body>
</html>
';
echo $pageStart;
exit;
?>
Ahora, yo uso Dreamweavers editor de código, que debido a la característica de resaltado de sintaxis, se señalan las masas de los errores de sintaxis producidos en esto.
Así que al principio intenté reducir estos errores. Esto falló
así que traté de cambiar la "s de 's, y viceversa, hasta que los errores se habían ido. Esto también fracasó, ya que parece que el guión no validará de esta manera.
así que leí algunos tutoriales y éste nos pareció:.
y la manera en que yo entiendo, es que se necesitaría para incluir el js en lugar de tenerlo como parte de su php directamente
Así que tiene una archivo llamado page.php y otro llamado jquery.php. Así que decidí tratar de modificar esta idea para adaptarla a mi problema.
así que empecé con algo como esto - index.php:
<?php
ob_start();
$pageStart = '
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MY WEBSITE PAGE</title>
'. include $_SERVER['DOCUMENT_ROOT'] . '/../../path/to/include/datepicker.php'.'
</head>
<body>
<p>CONTENT</p>
</body>
</html>
';
echo $pageStart;
exit;
?>
Y - datepicker.php:
<script language="Javascript">
var datefield=document.createElement("input")
datefield.setAttribute("type", "date")
if (datefield.type!="date"){ //if browser doesn't support input type="date", load files for jQuery UI Date Picker
document.write('<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />\n')
document.write('<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"><\/script>\n')
document.write('<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"><\/script>\n')
}
</script>
<script language="Javascript">
if (datefield.type!="date"){ //if browser doesn't support input type="date", initialize date picker widget:
jQuery(function($){ //on document.ready
$('#birthday').datepicker();
})
}
</script>
Ahora no hay errores de sintaxis en cualquiera de las páginas, gran ... Así que lo intento, medio esperando que las cosas finalmente funcionen ...
No ... Error grave: no se pudo abrir la secuencia: No existe ningún archivo o directorio, bla, bla. Este error se relaciona con la inclusión que agregué. Así que está bien, aunque el archivo está allí, no está siendo validado como php porque no hay etiquetas de apertura y cierre de php.
Así que los agrego ... Annnd ... ¡Una página llena de errores de sintaxis otra vez!
Así que mi pregunta es la siguiente:
Podrían algunos favor compartir algunos conocimientos y explicar a mí más o menos cómo este proceso funciona realmente. ¿Cuál es el problema con todos los errores de sintaxis y cómo se supone que debes realizar una tarea como esta?
Creo que es posible, y sí, sería mucho más fácil si no estuviera produciendo todo el html a través de php. Pero este es un ejemplo simple y mi diseño real es mucho más complejo. Requiere que las diferentes partes de la página se dividan en variables, para colocar esos bits y fragmentos cuando sea necesario, dinámicamente.
Cualquier contribución, sugerencia o idea sería muy apreciada; y cualquier enlace a páginas o tutoriales que cubran esto también sería muy apreciado.
¡Gracias!
usted debe visitar http://www.w3schools.com/php/default.asp y http: //www.w3schools .com/jQuery/default.asp –
o mucho mejor, ver manual de PHP y páginas jQuery UI/jQuery: ambos tienen un montón ejemplos –
también http://w3fools.com/ –