Moteur de rechercche google mx 2004

Télécharger le projet
Commenter

Description

Voici un tutoriel sur la conception d'un moteur de recherche google en flash
Il n'y a ke le swf car l'appli en fla est trop grosse...voila
Ah..pis pour les fautes ben vous verrez ça avec ma secrétaire ...merci

Source / Exemple : 


////////////////////////////////////////////////////////////////////////////////
//													//		
//													//
//			TUTORIAL MOTEUR DE RECHERCHE GOOGLE					//
//													//
//													//
////////////////////////////////////////////////////////////////////////////////

1 - Cliquez sur Fichier puis nouveau et sélectionnez Application du formulaire flash

2 - Dans la barre des application sélectionnez formulaire1 puis renommer le en double
      cliquant dessus. Donnez lui le nom de  frmSearch 
	(Attention au majuscule sinon AS2.0 ne le trouvera pas)

3 - Sélectionnez le formulaire frmSearch  puis créer un formulaire en dessous en cliquant
	sur le  + et renommer le frmLoading

4 - Sélectionnez le formulaire frmSearch. C'est ici qu'on va mettre nos composants principaux

5 - Dans la fenètre composant, installer les composants suivant 1 webserviceconnector
	1 textarea, 1 button et 1 textInput puis donnez leur une occurence

TextArea :			txtResults
TextInput : 		txtQuery
WebserviceConnector : 	GoogleSearch
Button : 			btnSearch

6 -  Sur le formulaire frmLoading, créez juste un texte du genre " en connexion"

7 - Sélectionnez le webserviceconnector dans le formulaire frmSearch 
	puis ouvrez l"inspecteur de composant...
	ensuite dans les paramètres ( le premier onglet ) mettre 
	WSDLURL : http://api.google.com/GoogleSearch.wsdl
	et selectionnez dans opération : doGoogleSearch

8 - Sélectionnez ensuite l'onglet liaisons 
	La ça se complique mais si vous suivez a la lettre mes instructions
	tout devrait rouler comme sur des cubes (MMmmmm..ouai...)
	
	- Cliquez sur le + une fenetre s'ouvre (Ajouter une liaison)
	- Sélectionnez -> q:string
	- maintenant vous devez avoir une icone avec params.q d'afficher dans le textebox en dessous
	- En dessous de cette textbox vous avez des paramètres (direction, bound to, formatter...)
	- Sélectionnez bound to et une fenetre s'ouvre Lié à Sélectionnez alors textinput et cliquez sur OK
	- Nous allons ajouter un nouvelle liaison donc cliquez sur le + et sélectionnez -> Key
	- De nouveau la liaison apparait en dessous de paramas.q sous le nom de params.key
	- Séléectionnez bound to et cette fois ci nous allons mettre une valeur constante
	- Donc Cochez Utiliser une valeur constante est entrez cette valeur  cBJVxfpQFHKRUveD66snrnVb/Se2xBaV
	- refaite les mêmes procédures pour les liaisons suivantes

	Start			bound to : 0
	maxresults		bound to : 10
	filter		bound to : true
	restrict		bound to : Ne rien mettre
	safesearch		bound to : true
	lr			bound to : Ne rien mettre
	ie			bound to : Ne rien mettre
	oe			bound to : Ne rien mettre

9 - Passons ensuite au code actionscript...Sélectionnez le bouton puis entrez le code suivant :

on (click) {
	
	// fonction de recherche
	var onGoogleSearch = function()
	{

		// ici on affiche le formulaire frmLoading tant que l'on cherche
		_root.application.frmSearch.frmLoading.visible = true;
		// on initialize les différents composants 
		this._parent.txtResults.text = "";
		this._parent.lblSearchTime.text = "";
		this.enabled = false;
		this._parent.txtQuery.enabled = false;
	}
	

	// fonction des résultats
	var onGoogleSearchResult = function()
	{
		var res = this._parent.GoogleSearch.results.resultElements; // shorthand
		for (var i = 0; i < res.length; i++) 
		{
			var s = "";
			s += "<a href=\"" + res[i].URL + "\"><font size=\"+1\" color=\"#0000FF\"><u>" + res[i].title + "</u></font></a><br>";
			s += res[i].snippet + "<br>";
			if (res[i].summary != "") { s += "<font color=\"#999999\">Description: </font>" + res[i].summary + "<br>"; }
			s += "<a href=\"" + res[i].URL + "\"><font color=\"#009900\"><u>" + res[i].URL + "</u></font></a> - " + res[i].cachedSize;
			s += "<br><br>";
			this._parent.txtResults.text += s;
		}

		// on cache le formulaire  frmLoading 
		_root.application.frmSearch.frmLoading.visible = false;
		this.enabled = true;
		this._parent.txtQuery.enabled = true;
	}
	
	// On fais appel a nos fonctions

	this._parent.GoogleSearch.addEventListener("send", onGoogleSearch);
	this._parent.GoogleSearch.addEventListener("result", onGoogleSearchResult);
	
	// en revanche je n'ai pas compris cette fonction
	this._parent.GoogleSearch.trigger();

}
		
................................................

voila... vous ne trouverez ke le SWF dans le zip car l'appli fla fais 1 Mo et donc
je n'ai pu la mettre sur le site mais vous pouvez trouver l'exemple sur 
http://download.macromedia.com/pub/developer/google_web_api.zip
attention tous est en anglais...

voila..bon code
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (MalcolMZ)