Sujet Précédent Sujet Suivant

Programation php

Résolu/Fermé
seb16230 Messages postés 19 Date d'inscription mardi 3 janvier 2012 Statut Membre Dernière intervention 7 mars 2012 - 3 janv. 2012 à 23:38
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 - 10 janv. 2012 à 20:29
Bonjour,
Voici un bouton que je viens de creer:
http://sebastien-humaux.fr/test/menu2.php
Je souhaiterai, que lorsque l'on valide une des station meteo proposé, que sont graphique s'affiche en dessou,
par exemple, en validant celle de champniers, on obtiendrai en dessou du menu :
http://www.sebastien-humaux.fr/noaa2/rapports-mensuels.php

Le but o final c'est de creer un tableau afin de comparrer les deux stations meteo (un simple tableau 2x1 ou 2x2 avec deux "menu2.php" cote a cote ferai la balle, histoire de comparrer et de sauter d'une station a l'autre en 2sec.

J'ai evidemment fouiné ici et la, et j'ai vraiment du mal, je supose qu'il n'y a qu'un petit script a ajouter, mais le quel...

Merci beaucoup
A voir également:

10 réponses

Réponse 1 / 10
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
4 janv. 2012 à 14:09
je t'ai fait ça,n c'est pas du php mais du javascript, qui s'éxécute en local dans le navigateur: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<script type="text/javascript">
	function afficher_sation(id_lire,id_ecrire){
		var url_station=document.getElementById(id_lire).value;
		if(url_station != ""){
			document.getElementById(id_ecrire).src=url_station;
		}
	}


	</script>
</head>
<body>
<form method="get" action="">
<p>Station meteo: 
    <table border="1">
		<tr>
			<td><select name="fichier1" id="station_1" onChange="afficher_sation('station_1','aff_station_1');">
			  <option value=" ">-- Choisir station --</option> <!-- ligne obligatoire pour avoir un changement -->
			  <option value="http://www.sebastien-humaux.fr/noaa2/rapports-mensuels.php">Champniers</option>
			  <option value="http://www.mouthiers-sur-boeme.meteoamikuze.com/noaa2/rapports-mensuels.php">Mouthiers</option>
			  <option value="http://www.gardes-le-pontaroux.meteoamikuze.com/noaa2/rapports-mensuels.php ">Le Pontarou</option>
				</select>
			</td>
			<td><select name="fichier2"  id="station_2"  onChange="afficher_sation('station_2','aff_station_2');">
				<option value=" ">-- Choisir station --</option>
			  <option value="http://www.sebastien-humaux.fr/noaa2/rapports-mensuels.php">Champniers</option>
			  <option value="http://www.mouthiers-sur-boeme.meteoamikuze.com/noaa2/rapports-mensuels.php">Mouthiers</option>
			  <option value="http://www.gardes-le-pontaroux.meteoamikuze.com/noaa2/rapports-mensuels.php ">Le Pontarou</option>
				</select>
			</td>
			
		</tr>
		<tr>
			<td>
				<iframe id="aff_station_1" width="640" height="800"></iframe>
			</td>
			<td>
				<iframe id="aff_station_2" width="640" height="800"></iframe>
			</td>
		</tr>
			
     </table> 
<!-- <input type="submit" value="afficher"/> -->
</p>
</form>

<body>
2
Réponse 2 / 10
seb16230 Messages postés 19 Date d'inscription mardi 3 janvier 2012 Statut Membre Dernière intervention 7 mars 2012
5 janv. 2012 à 12:59
yes genial merci!
je vais essayer de comprendre tout ça pour pouvoir le refaire un de c jour :p
Merci beaucoup Alain c top!
0
Réponse 3 / 10
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
5 janv. 2012 à 13:33
si besoin de complément d'explications tu fais signe.
et si tu veux on peut même faire un truc pour scrooler sur les deux simultanément
0
Réponse 4 / 10
seb16230 Messages postés 19 Date d'inscription mardi 3 janvier 2012 Statut Membre Dernière intervention 7 mars 2012
6 janv. 2012 à 19:55
Bonjour Alain, je suis en train de m'arracher les cheveux lol, ton script est top, mais sur la creation de mon site je rencontre pas mal de difficultées.
Voici le lien du site "beta"...enfin tres tres tres beta lol
www.sebastien-humaux.fr/situation.php
tu va remarquer que mon menu....ne marche pas lol l'orsque tu clique sur les boutons, et bin, rien lol c'est plutot bete...

les pages sont en format php dans cette page j'ai inclut ma "baniere" en iframe.
Voci le lien de la baniere : www.sebastien-humaux.fr/menuhaut.php
Lui seul viblement fonctionne (sauf le dernier onglet la page n'est pas encore crée)

Donc je presume que c'est la facon dans elle est inclue dans mes pages, voici par exemple le script de l'une d'elle:



<!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>Station météo Champniers</title>

</head>
<meta http-equiv="refresh" content="120">
<body>
<iframe src="menuhaut.php" width="2500" height="200" scrolling="no" frameborder="0">
</iframe>


<p align="center"> 
</p>
<p align="center"> </p>
<h4 align="center">Prevision météo:</h4>

...moi je dit, la dedans ya une erreur, je suis trop fort en deduction!

Second probleme, sur la page:
www.sebastien-humaux.fr/comp.php
tu va remarquer que ton script marche impeccablement bien, mais sur l'onglet champniers, les accents sont remplacé par des "?" et l'iframe du haut avec google maps decone les villes ne se chargent pas, voici le script de cette focntion:


<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Mesures des stations météo</title>
<script type="text/javascript">
var meteo = {
config : { stationsSelectorId : 'stations-list', // Fait référence à l'élément <select id="stations-list">
updateButtonId : 'update-station', // Fait référence à l'élément <input id="update-station" type="submit" ...
detailFrameId : 'station-detail' // Fait référence à l'élément <iframe id="station-detail" ...
},

raffraichirFrame : function(){
var config = meteo.config;

// récupère l'élément html (select) qui contient la liste des stations
var select = document.getElementById(config.stationsSelectorId);

// récupère la frame qui affichera les infos mises à jour
var frame = document.getElementById(config.detailFrameId);

// mets à jour le contenu de la frame --> il suffit de changer la src...
frame.src = select.value

// empêche le formulaire d'être soumis
// (ce qui arrive normalement lorsuq'on clique sur un bouton submit)
return false;
},

initialiserBouton : function(){
// Récupère le bouton qui permet de mettre à jour la frame
var button = document.getElementById(meteo.config.updateButtonId);

// définit le raffraichissement comme résultat d'un click du bouton
button.onclick = meteo.raffraichirFrame;
}
};

window.onload = function(){
// Initialise le bouton (lui définit son action onclick)
// on le fait dans un window.onload car alors on est sûr
// que la page est chargée et donc que le bouton existe déjà !
meteo.initialiserBouton();
}
</script>
</head>

<body>
<div align="center">
<table width="441" border="1">
<tr>
<td width="431">
<form method="GET" action="">
<!-- Liste déroulante contenant les url de base. Elle pourra être générée et remplie en php-->
<select id="stations-list">
<option value="https://www.google.com/maps/embed?origin=mfe&pb=!1m13!1m8!1m3!1d44695.999432122844!2d0.126457!3d45.560382!3m2!1i1024!2i768!4f13.1!2m1!1sMouthiers-sur-Bo%C3%ABme!5e0!6i13!3m1!1sfr!5m1!1sfr" selected="selected">Mouthiers Sur Boeme</option>
<option value="https://www.google.com/maps/embed?origin=mfe&pb=!1m12!1m8!1m3!1d133341.9070150984!2d0.24495!3d45.70992!3m2!1i1024!2i768!4f13.1!2m1!1sla+grange+a+pillorget!5e0!3m1!1sfr!5m1!1sfr" >Champniers</option>
<option value="https://www.google.com/maps/embed?origin=mfe&pb=!1m13!1m8!1m3!1d22364.919070026106!2d0.308625!3d45.517829!3m2!1i1024!2i768!4f13.1!2m1!1sLe+Pontaroux,+16320+Gardes-le-Pontaroux,+Charente,+Poitou-Charentes!5e0!6i14!3m1!1sfr!5m1!1sfr" >Le Pontaroux</option>
</select>
<input id="update-station" type="submit" value="Afficher cette station" />
</form>
</td>
</tr>
<tr>
<td>
<!-- Frame de détail dont le contenu est mis à jour via clic sur le bouton "Afficher cette station" -->
<iframe width="425" height="350" align="middle" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps/embed?origin=mfe&pb=!1m13!1m8!1m3!1d44695.999432122844!2d0.126457!3d45.560382!3m2!1i1024!2i768!4f13.1!2m1!1sMouthiers-sur-Bo%C3%ABme!5e0!6i13!3m1!1sfr!5m1!1sfr"></iframe><br /><small><a href="https://www.google.fr/maps?f=q&source=embed&hl=fr&geocode&q=Mouthiers-sur-Bo%C3%ABme&aq=0&sll=45.517829,0.308625&sspn=0.024748,0.038581&vpsrc=0&ie=UTF8&hq&hnear=Mouthiers-sur-Bo%C3%ABme,+Charente,+Poitou-Charentes&t=m&z=13&ll=45.560382,0.126457" style="color:#0000FF;text-align:left">Agrandir le plan</a></small>
</td>
</tr>
</table>
</div>
</body>
</html>


Si tu vois une erreur la dedans tu es mon sauveur lol
Merci beaucoup
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 10
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
7 janv. 2012 à 11:23
Je viens d'aller faire un tour sur ton site.
pas mal mais qqs remarques

- ton image en tête est trop large, tout le monde n'a pas un écran aussi large, donc scrolling horizontal pas très judicieux
- lorsque tu intègres dans ta page des images provenant d'autres sites, as tu bien vérifié que tu en as l'autorisation.
par exemple pour météofrance si tu fais cela il faut que ailleurs dans ta page et bien visible y ait un lien vers leur site complet
- je ne pense pas que iframe soit une bonne solution, regarde sur les forums ce qu'en pensent les gens
- orientes toi plus vers le CSS pour la mise en forme de tes pages
c'est très bien, vas voir le site www.alsacreations.com tu as plein de tutos et des gabarits de mise en page à disposition.

- et sur ce site tu as aussi des menus en CSS

essayes si tu veux de repartir sur une autre base en CSS
0
Réponse 6 / 10
seb16230 Messages postés 19 Date d'inscription mardi 3 janvier 2012 Statut Membre Dernière intervention 7 mars 2012
7 janv. 2012 à 11:37
ok je vais voir sa, pour les autorisations, les images que j'importe pour les animations et tout se sont des liens tout fait pour les partages justement donc pas de probleme, mais je compte metre tout les liens sur une page pour identifier clairement les sources.
Pour les problemes que je rencontre tu a identifié quelque chose ou il faut vraiment que je reparte de zero?
Je vais aller fair un tour sur t lien.
Merci encore ;)
0
Réponse 7 / 10
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
7 janv. 2012 à 11:51
tu fait comme tu veux mais perso depuis que j'y ai gouté je préfère le CSS, même si parfois on s'arrache les cheveux.

Il doit aussi y avoir un pb de script javascript qui prend beaucoup de ressource machine, ça ma bloqué mon micro (il n'est pas très puissant)
ce doit être du au rafraichissement des stations météo.

@lain
0
Réponse 8 / 10
seb16230 Messages postés 19 Date d'inscription mardi 3 janvier 2012 Statut Membre Dernière intervention 7 mars 2012
7 janv. 2012 à 12:10
ok ok je vais voir sa alors, pour le rafraichissement en fait c un logiciel qui genere des jpg et les exportes par le ftp, c vrai que si on ouvre la page au moment du transfert l'image ne s'ouvre pas, actuellement c'est toutes les 1 minute, je changerai sa et passerai a 5.
0
Réponse 9 / 10
seb16230 Messages postés 19 Date d'inscription mardi 3 janvier 2012 Statut Membre Dernière intervention 7 mars 2012
10 janv. 2012 à 19:38
Salut Alain, merci pour t infos, j'ai donc refait mon menu d'apres les tutos,
voici ce que sa donne:
www.meteo.sebastien-humaux.Fr
Merci encore ;)
0
Réponse 10 / 10
Alain_42 Messages postés 5361 Date d'inscription dimanche 3 février 2008 Statut Membre Dernière intervention 13 février 2017 894
10 janv. 2012 à 20:29
ha oui la ça va nettement mieux
0

Discussions similaires

etudier la programation
salah92 -
Morgatte -

10 réponses
ALERT en php
snoopy -
appkech -

14 réponses
balise de retour à la ligne en php
2I++ -
Naguez Abderraouf -

5 réponses
que veut dire php natif
playboy-1990 -
avion-f16 -

2 réponses
Page avec index.php?id=1
jeef06 -
Mihawk -

2 réponses