docInterface d`administration - Eglise catholique en France
download 
Plainte Transcription
Interface d`administration - Eglise catholique en France
Admin
file:///home/cathogeek/Téléchargements/instructions.html
Interface d'administration
Barre de navigation "Diocèse de Metz"
Instructions
Ajoutez ce code dans le
1
2
<head></head>
:
?
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript" charset="utf-8"></script>
Ajoutez ensuite ce code juste après la balise
1
2
3
4
5
6
7
8
9
<body>
<!-- CEF API -->
<div id='cef-root'></div>
<script type="text/javascript" charset="utf-8">
(function() {
var e = document.createElement('script'); e.async = true;
e.src = 'http://recherche.catholique.fr/api/metz.js';
document.getElementById('cef-root').appendChild(e);
}());
</script>
?
Le chargement du script a lieu en mode asynchrone, ce qui ne bloque pas le chargement du reste de la page. C’est la raison pour laquelle le code
est placé immédiatement après la balise <body>.
Il est possible de configurer des options, par exemple :
1
2
3
4
5
6
7
8
9
10
11
12
<!-- CEF API -->
<div id='cef-root'></div>
<script type="text/javascript" charset="utf-8">
window.cefAsyncInit = function() {
CEF.initNavigationBar({site_search:
true, share_links: true,add_top_margin: false, with_animation: true,
scrolling_bar: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = 'http://recherche.catholique.fr/api/metz.js';
document.getElementById('cef-root').appendChild(e);
}());
</script>
?
Pour ajouter un champ de recherche dans n'importe quel endroit de la page web :
1 sur 2
27/02/2011 09:46
Admin
file:///home/cathogeek/Téléchargements/instructions.html
1
2
3
4
5
6
7
8
9
10
11
<form action="http://recherche.catholique.fr/" method="get" id="search_form">
<input type="text" name="q" title="Taper ici votre requête" id="site_search_bis" />
<input type="submit" value="Rechercher" title="Lancer la recherche" />
</form>
<script type="text/javascript" charset="utf-8">
jQuery("#search_form").submit(function(){
var query = jQuery("#site_search_bis").attr("value");
CEF.search(query);
return false;
});
</script>
?
Les méthodes précédentes ne marchent pas ?
Ignorer toutes les instructions ci-dessus, et ajoutez dans le head :
1
2
3
?
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://recherche.catholique.fr/api/metz.js" type="text/javascript" charset="utf-8"></script>
C'est tout !
N.B.: L'URL de cette barre est http://recherche.catholique.fr/api/metz.js
Retour au menu principal
2 sur 2
27/02/2011 09:46
