Ho un sito Web basato su php. Come in, tutte le pagine html vengono emesse via php.PHP + JQuery - Come usare questi due insieme? Si prega di vedere il mio esempio
Ecco un semplice esempio:
<?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;
?>
Quello che vorrei fare è fare uso di alcuni jquery in questa pagina.
Così, naturalmente, il mio primo tentativo è stato quello di includere lo script all'interno della variabile php in questo modo:
<?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;
?>
Ora, io uso Dreamweavers editor di codice, che a causa della funzione di evidenziazione della sintassi, indicherà le masse di errori di sintassi prodotti in questo.
Quindi inizialmente ho tentato di eliminare questi errori. Questo fallì.
Così ho provato a cambiare la "s per 's, e viceversa, fino a quando gli errori erano spariti. Questa non è riuscito anche a quanto pare lo script non convaliderà in questo modo.
così ho letto un qualche tutorial , e abbiamo trovato questo:.
e il modo in cui ho capito, è che avresti bisogno di includere i js, piuttosto che averlo come parte del vostro php direttamente
Quindi hanno un file chiamato page.php e un altro chiamato jquery.php. Così ho deciso di provare a modificare questa idea per adattarla al mio problema.
così ho iniziato con qualcosa di simile - 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;
?>
E - 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>
Ora non ci sono errori di sintassi in una delle pagine, grande ... Quindi ci provo, quasi aspettandomi che le cose funzionino ...
No ... Errore irreversibile: impossibile aprire lo stream: Nessun file o directory blah blah. Questo errore riguarda l'inclusione che ho aggiunto. Va bene, anche se il file è lì, non viene convalidato come php perché non ci sono tag php di apertura e chiusura.
Quindi li aggiungo ... Annnd ... Una pagina piena di errori di sintassi ancora!
Quindi la mia domanda è questa:
Potrebbe alcuni si prega di condividere alcune conoscenze e spiegare a me più o meno come funziona realmente questo processo. Qual è l'accordo con tutti gli errori di sintassi, e come si dovrebbe andare su un compito come questo?
Credo che sia possibile, e sì sarebbe sicuramente più facile se non stavo emettendo l'intero html via php. Ma questo è un esempio semplice e il mio progetto attuale è molto più complesso. Richiede che le diverse parti della pagina siano suddivise in variabili, al fine di posizionare quei bit e peices quando necessario, in modo dinamico.
Qualsiasi input, suggerimento o intuizione sarebbe molto apprezzato; e qualsiasi link a pagine o tutorial che lo riguardi sarebbe molto apprezzato.
Grazie !!
vi consigliamo di visitare http://www.w3schools.com/php/default.asp e http: //www.w3schools .com/jquery/default.asp –
O meglio, guarda le pagine di manuale PHP e jQuery/jQuery UI: entrambi hanno molti esempi –
Anche http://w3fools.com/ –