Ubuntu-fr

CutDealer

Insérer du javascript dans un CSS

Bonjour à tous (et à toutes)

Je ne suis pas sur d'être dans la catégorie appropriée, mais je n'en ai pas trouvé de mieux

J'aimerais savoir comment integrer du code javascript dans un CSS.
En pratique, le site que je suis en train de construire utilise un menu déroulant en javascript inclus dans la page d'accueil, et j'aimerais pouvoir l'inclure simplement dans chacune des pages du site sans avoir à entrer le code javascript à chaque fois.
J'avais pensé à utiliser une frame/iframe, mais le résultat n'est vraiment pas satisfaisant

Une idée ?

Le script utilisé pour le menu déroulant :

<script>
var myimages=new Array()
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}
preloadimages("images/space.gif")
  </script>
  <script>
var g_nExpando=0;
function putItemInState(n,bState)
{
var oItem,oGif;
eval('oItem=document.all.descr'+n);
eval('oGif=document.all.expandoGif'+n);
if (bState=='toggle')
bState=(oItem.style.display=='block');
if(bState)
{
bState=(oItem.style.display='none');
bState=(oGif.src='images/cross.gif');
}
else
{
bState=(oItem.style.display='block');
bState=(oGif.src='images/noncross.gif');
}
}
function expand(nItem)
{
putItemInState(nItem,'toggle');
}
function expandAll()
{
if (!g_nExpando)
{
document.all.chkFlag.checked=false;
return;
}
var bState=!document.all.chkFlag.checked;
for(var i=0; i<g_nExpando; i++)
putItemInState(i,bState);
}
  </script>
  <script>
var tns6=document.getElementById&&!document.all
var ie=document.all
function show_text(thetext, whichdiv){
if (ie) {eval("document.all."+whichdiv).innerHTML=thetext;}
else if (tns6) {document.getElementById(whichdiv).innerHTML=thetext;}
}
function resetit(whichdiv){
if (ie) eval("document.all."+whichdiv).innerHTML=''
else if (tns6) document.getElementById(whichdiv).innerHTML=''
}
  </script>
  <script type="text/javascript">
function OpenDisclaimer()
{
window.open("disclaimer.html","disclaimer","width=530, height=400, toolbars=no, scrollbars=yes, left=50, top=100");
}
  </script>
  <script type="text/javascript">
function OpenDMCA()
{
window.open("dmca.html","dmca","width=530, height=400, toolbars=no, scrollbars=yes, left=50, top=100");
}
  </script>
  <script language="JavaScript1.2">
//Highlight image script- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use
function makevisible(cur,which){
strength=(which==0)? 1 : 0.2
if (cur.style.MozOpacity)
cur.style.MozOpacity=strength
else if (cur.filters)
cur.filters.alpha.opacity=strength*100
}
  </script>
  <script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
  </script>
  <script type="text/javascript">
<!--
navHover = function() {
var lis = document.getElementById("navmenu").getElementsByTagName("LI");
for (var i=0; i<lis.length; i++) {
lis[i].onmouseover=function() {
this.className+=" iehover";
}
lis[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" iehover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", navHover);
//-->
  </script>

Merci d'avance

Robin / CutDealer

best_friend_fr

Re : Insérer du javascript dans un CSS

Salut

et pourquoi pas

 <script src="truc.js" type="text/javascript">
</script>

---

sudo apt-get replace langage_sms by grammaire orthographe ponctuation
La documentation est avant tout faite pour ceux qui posent les questions, et non ceux qui y répondent
Best_friend_fr

compte supprimé

Re : Insérer du javascript dans un CSS

Salut,

On ne peut mieux dire ni mieux faire, c'est largement ce qu'il y a de plus simple !
En plus, le fichier "truc.js" ne contient que du javascript (pas de balises <script>,  de surcroît plus ou moins compliquées dans le cas de XHTML...). Là, rien que du code !

Par ailleurs, pour des menus déroulants et des choses de ce genre, peut-être voir aussi du côté d'AJAX...

A+

Martopioche

Re : Insérer du javascript dans un CSS

Par ailleurs, pour des menus déroulants et des choses de ce genre, peut-être voir aussi du côté d'AJAX...

Heu... à titre d'information, juste comme ça, le J d'Ajax, c'est pour Javascript...

Donc oui, moi aussi je confirme, si tu utilise du javascript dans toutes tes pages (ou presque), déporte les dans un fichier .js et appelle les dans les pages.

Par contre, il existe des techniques pour créer des menus déroulant à coup de CSS seul. Ne les ayant plus sous la main, je vous laisse chercher.

compte supprimé

Re : Insérer du javascript dans un CSS

Bonsoir,

Ben oui, le J d'AJAX c'est bien javascript...
Outre l'utilisation de XMLHttpRequest, il y a aussi des bibliothèques d'effets...

A+