0
css
J'utilise le code suivant pour soumettre un formulaire.
function submitfilter(){
alert("in here");
var o = $("#opentimes").val();
var p = $("#price").val();
var d = $("#distance").val();
var t = $("#type").val();
$.post("eateries.php", { opentimes: o, price: p, distance: d, type: t }, function(data) { $("html").html(data); });
return false;
}
je suis en cours d'exécution de ce restaurants. php, de sorte que vous pouvez voir que je veux recharger la même page (comme un formulaire régulier soumet fait). tout fonctionne bien, sauf que certains de mes CSS ne fonctionne pas. spécifiquement:
body{font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:0px;color:red;}
le reste de la CSS semble fonctionner correctement. que se passe t-il ici??
edit: une autre chose que je devrais probablement mentionner est le CSS fonctionne pendant une seconde .. tandis que cette alerte ("ici") est en hausse (le texte est Arial et rouge). Cependant, après avoir cliqué sur "Ok", la police retourne au noir serif.
merci.
éditer: voici la section tête comme demandé.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width"/>
<title>Eateries Gadget</title>
<link href="styles.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
//alert ("you're using "+navigator.platform);
if(navigator.platform == 'iPhone' || navigator.platform == 'iPod')
{
//alert("it's an iphone!");
$(function(){
$("body").css("font-size", "16px");
/* $("#footer").css("background-color", "blue");
$("#footer").css("position", "static");*/
$("select").css("font-size", "16px");
$("input.btn").css("font-size", "14px");
});
};
navigator.geolocation.getCurrentPosition(foundLocation, noLocation);
function foundLocation(position)
{
var currLat = position.coords.latitude;
var currLng = position.coords.longitude;
//alert('Found location: ' + lat + ', ' + lng);
}
function noLocation()
{
alert('Could not find your location.');
var currLat = null;
var currLng = null;
}
</script>
<script type="text/javascript">
function submitfilter(){
alert("in here");
var o = $("#opentimes").val();
var p = $("#price").val();
var d = $("#distance").val();
var t = $("#type").val();
$.post("eateries.php", { opentimes: o, price: p, distance: d, type: t }, function(data) { $("html").html(data); });
return false;
}
function setstate(opentimes,price,distance,type){
for(var i = 0; i < document.filters.opentimes.options.length; i++) {
if(document.filters.opentimes.options[i].value == opentimes){
document.filters.opentimes.selectedIndex = i;
break;
}
}
for(var i = 0; i < document.filters.price.options.length; i++) {
if(document.filters.price.options[i].value == price){
document.filters.price.selectedIndex = i;
break;
}
}
for(var i = 0; i < document.filters.distance.options.length; i++) {
if(document.filters.distance.options[i].value == distance){
document.filters.distance.selectedIndex = i;
break;
}
}
for(var i = 0; i < document.filters.type.options.length; i++) {
if(document.filters.type.options[i].value == type){
document.filters.type.selectedIndex = i;
break;
}
}
}
</script>
</head>
Pouvez-vous montrer la section 'head' de eateries.php? –
Cela peut être une question stupide, mais pourquoi utilisez-vous AJAX du tout ici, si vous chargez la page entière de toute façon? –
J'ai posté la section tête. J'utilise ajax en raison du proxy que nous utilisons (pour une raison quelconque, l'envoi d'un formulaire ordinaire ne fonctionnera pas). – vee