begin process at 2012 05 29 12:51:35
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

limite de javascript


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

limite de javascript

mercredi 30 août 2006 à 07:25:09 | limite de javascript

jnbdzjnbdz

Bonjour voici le code qui me cose du trouble

<!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="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>-)-)-)-)-) Naturel navigator (-(-(-(-(-</title>

<style type="text/css">

html, body {margin:0px; padding:0px; background:#FFF; font-family:verdana; font-size:12px;}
/* The header and footer */
.headfoot {display:block; height:50px; background:#FFF; text-align:center; padding:5px;}

/* This bit does all the work */
#container {position:relative; display:block; background:#def; border-left:200px solid #FFF;}
#inner { display:block; margin-left:-200px; padding:5px; height:auto;}
#left {float:left; position:relative; width:200px; left:0px;}
#center {margin-left:200px; position:relative; display:block; height:100%;}
.clear {clear:both;}

h1 {margin-top:-5px; font-size:23px;}
h2 {margin-top: 5px; padding-top:15px; font-size:20px;}
/* Just to extend each column */
#inner a:visited, a {color:#000; text-decoration:none; cursor:default;}
#inner a span {display:none;}
#inner a:active, #inner a:focus {color:#fff; text-decoration:none; background:transparent; cursor:default;}
#inner a:active span, #inner a:focus span {display:block;}

a:visited, a {text-decoration:underline; cursor:pointer;}
a:hover {text-decoration:none; cursor:pointer;}

em {font-weight:bold;}

.menuleft { display:block; margin:0; padding:0; list-style-type:none; position:relative; white-space:nowrap; z-index:1; }
.menuleft li { display:block; margin:0; padding:0; width:185px; clear:left;}
.menuleft a { display:block; height:18px; padding-top:2px; float:left; color:#339 ! important; background-color:#eff ! important; text-decoration:none; padding-left:10px; width:100%; margin-top:5px;}
.menuleft a:hover { color:#00c ! important; background-color:#def ! important }

#topcontrol {background-color:#def; height:30px; border-bottom:1px #000 solid; margin-bottom:15px;}
#bottomstatus {background-color:#def; height:30px; border-top:1px #000 solid; margin-top:15px;}
</style>

<!-- XML HTTP REQUEST -->

<script type="text/JavaScript">
var xhr = null;

function getXhr(){
if(window.XMLHttpRequest) // Firefox et autres
xhr = new XMLHttpRequest();
else if(window.ActiveXObject){ // Internet Explorer
try {
xhr = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
}
else { // XMLHttpRequest non supporté par le navigateur
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
xhr = false;
}
}

/**
* Méthode qui sera appelée sur le click du bouton
*/

function menuleft(callcontent){

function style()
{
//cssstart='<style type="text/css"> #'
//idname=callcontent
//cssend="{ background-color:#def; } </style>"
document.getElementById(callcontent).style.backgroundColor=red;
//mixcss=cssstart+idname+cssend
//document.write(mixcss);
}

getXhr()
// On défini ce quon va faire quand on aura la réponse
xhr.onreadystatechange = function(){
// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
if(xhr.readyState == 4 && xhr.status == 200){

document.getElementById("centercontent").innerHTML = xhr.responseText;
}
}

adressbase="sw.php?content="
call=callcontent
mix=adressbase+call
xhr.open("GET", mix,true);
xhr.send(null);
}

function teste(contentfull){
toptop='<div id="topcontrol"><a href="">Small</a></div>'
bottombottom='<div id="bottomstatus">Status</div>'
}



if ( typeof( window[ 'callcontent' ] ) != "undefined" ) {
callcontent = "true"
}
else {
callcontent = "false"
}

function fill(callcontent){
return callcontent
}
ccontent = fill(callcontent);

switch(ccontent)
{
case "true":
toptop='<div id="topcontrol"><a href="#" onclick="fill(false);">Small</a></div>'
bottombottom='<div id="bottomstatus">Status</div>'
break
case "false":
toptop = '<div class="headfoot"><h1 style="float:left;">Naturel<sub>Navigator</sub></h1><div style="background-color:#def; float:right; margin-top:10px; margin-right:10px;"><a href="#"><span id="txt"></span></a></div></div></div><div id="container"><div id="inner"><div id="left"><ul class="menuleft"><li><a href="#" onclick="menuleft(\'overview\');">Overview</a></li><li><a href="#" onclick="menuleft(\'2\');">Control Panel</a></li><li><a href="#" onclick="menuleft(\'overview\');">Documents</a></li><li><a href="#" onclick="fill(\'overview\');">Mail</a></li><li><a href="#" onclick="fill(\'overview\');">Web Sites</a></li><li><a href="#" onclick="teste(\'hello\');">Notes</a></li></ul></div><div id="center"><a href="#" onclick="teste(\'5\');">BIG</a>'

bottombottom = '</div><div class="clear"></div></div></div><div class="headfoot"><b>} Alpha v. 0.1.1 {<br />Created by Boulay Desjardins, Jean-Nicolas [ jnbdz@hotmail.com ]. All rits reserve to Boulay Desjardins, Jean-Nicolas.</b></div>'

break
default:
toptop = '<div class="headfoot"><h1 style="float:left;">Naturel<sub>Navigator</sub></h1><div style="background-color:#def; float:right; margin-top:10px; margin-right:10px;"><a href="#"><span id="txt"></span></a></div></div></div><div id="container"><div id="inner"><div id="left"><ul class="menuleft"><li><a href="#" onclick="menuleft(\'overview\');">Overview</a></li><li><a href="#" onclick="menuleft(\'2\');">Control Panel</a></li><li><a href="#" onclick="menuleft(\'overview\');">Documents</a></li><li><a href="#" onclick="fill(\'overview\');">Mail</a></li><li><a href="#" onclick="fill(\'overview\');">Web Sites</a></li><li><a href="#" onclick="teste(\'hello\');">Notes</a></li></ul></div><div id="center"><a href="#" onclick="teste(\'5\');">BIG</a>'

bottombottom = '</div><div class="clear"></div></div></div><div class="headfoot"><b>} Alpha v. 0.1.1 {<br />Created by Boulay Desjardins, Jean-Nicolas [ jnbdz@hotmail.com ]. All rits reserve to Boulay Desjardins, Jean-Nicolas.</b></div>'

}

function startTime()
{
var today=new Date()
var h=today.getHours()
var m=today.getMinutes()
var s=today.getSeconds()
// add a zero in front of numbers<10
m=checkTime(m)
s=checkTime(s)
document.getElementById('txt').innerHTML= h+":"+m+":"+s
t=setTimeout('startTime()',500)
}

function checkTime(i)
{
if (i<10)
{i="0" + i}
return i
}

function windowload()
{
fill("false");
}

</script>
</head>

<body onload="windowload();">
<noscript>JavaScript must be enabled in order for you to use Naturel<sub>Navigator</sub> in standard view. However, it seems JavaScript is either disabled or not supported by your browser. To use standard view, enable JavaScript by changing your browser options, then <a href="">try again</a>. <p>To use Naturel<sub>Navigator</sub> basic HTML view, which does not require JavaScript, <a href="?contenttype=html&lang=en&page=index">click here</a>.</noscript>

<script type="text/JavaScript">document.write(toptop); document.write(ccontent);</script>
<div style=" position:relative; background-color:#FFF; height:auto; width:auto; margin:5px;" id="centercontent"><h2>Welcome to your account.</h2><p>Please click here to no more about this system or to see wats new.</p><br /></div></div>
<script type="text/JavaScript">document.write(bottombottom);</script>

</body>

tout marche appare si le monde click Big sa fait rien pourquoi?

Merci pour votre aide.

</html>

mercredi 30 août 2006 à 08:01:28 | Re : limite de javascript

PetoleTeam

Membre Club


B onjour...

qu'est ce qui ne marche pas ????
si il s'agit de la fonction teste() et que son but est de

créer ou de modifier un <DIV> il faut utuliser...
  var Obj = document.getElementById('ID_du_DIV');
  Obj.innerHTML = "le texte à afficher";

ajouter du texte au document on peut faire la même chose...
  var Obj =document.body;
  Obj.innerHTML = "le texte à afficher";

Mais est ce bien le probléme ?...

;0)
jeudi 31 août 2006 à 06:43:17 | Re : limite de javascript

jnbdzjnbdz

Salut,

voici ce que jessais d'acomplire:

quand cette page ce load je veu que le menu et les bordure bleu apparaise.

après si on appuie sur BIG je veu que le menu et la bordure bleu sois remplacer.

Voici le code qui est supposer de faire tout sa

/******************
*   FULL SCREEN   *
*******************/   
           
           
    /* to created a default    */   
   
        function fill(callcontent){
        alert("fill function loaded");
alert("value of callcontent is " + callcontent);
        return (callcontent)
        }



        ccontent = fill(callcontent);
        alert("fill function loaded");
        alert("value of fill(callcontent) is " + ccontent);

switch(ccontent)
{
case "true":
  toptop=\'<div id="topcontrol"><a href="#" onclick="fill(false);">Small</a></div>\';
bottombottom=\'<div id="bottomstatus">Status</div>\';
  break   
case "false":
 toptop = \'<div class="headfoot"><h1 style="float:left;">Naturel<sub>Navigator</sub></h1><div style="background-color:#def; float:right; margin-top:10px; margin-right:10px;"><a href="#"><span id="txt"></span></a></div></div></div><div id="container"><div id="inner"><div id="left"><ul class="menuleft"><li><a href="#" onclick="menuleft(\\\'overview\\\');">Overview</a></li><li><a href="#" onclick="menuleft(\\\'2\\\');">Control Panel</a></li><li><a href="#" onclick="menuleft(\\\'overview\\\');">Documents</a></li><li><a href="#" onclick="fill(\\\'overview\\\');">Mail</a></li><li><a href="#" onclick="fill(\\\'overview\\\');">Web Sites</a></li><li><a href="#" onclick="teste(\\\'hello\\\');">Notes</a></li></ul></div><div id="center"><a href="#" onclick="fill(\\\'true\\\');">BIG</a>\';
       
bottombottom = \'</div><div class="clear"></div></div></div><div class="headfoot"><b>} Alpha v. 0.1.1 {<br />Created by Boulay Desjardins, Jean-Nicolas [ jnbdz@hotmail.com ]. All rits reserve to Boulay Desjardins, Jean-Nicolas.</b></div>\';

  break
}
           
/******************
* end FULL SCREEN *
*******************/

le problem ses quand on load la page les message alert me dise que callcontent = "false"

mais firefox dit que callcontent est non défini

merci de vautre aide.


jeudi 31 août 2006 à 08:21:19 | Re : limite de javascript

PetoleTeam

Membre Club


B onjour...

le problem ses quand on load la page les message alert me dise que callcontent = "false"
mais firefox dit que callcontent est non défini


il est préférable de déclarer les variables utilisées avant que le script ne les rencontre...
c'est plus propre et cela permet d'un coup d'oeil de savoir si
 - elle est globale, visible par toutes les fonctions
 - ou locale, visible par la fonction dans laquelle elle se trouve...

<SCRIPT TYPE="text/JavaScript">
  var callcontent;
  var ccontent;
  var xhr = null;

...la suite...

  /* to created a default    */  
  function fill(callcontent){
    alert("fill function loaded");
    alert("value of callcontent is " + callcontent);
    return (callcontent)
  }

  ccontent = fill(callcontent);
  alert("fill function loaded");
  alert("value of fill(callcontent) is " + ccontent);
...la suite ...

</SCRIPT>

;0)
jeudi 31 août 2006 à 10:11:22 | Re : limite de javascript

bultez

Membre Club
bonjour,
   je ne vois pas clair ou quoi ?

function menuleft(callcontent)
{
  function style()
  {
  document.getElementById(callcontent).style.backgroundColor=red;
  ....

une fonction dans une fonction, ça fonctionne ?
red ? n'est pas une variable connue .... ( "red"; serait meilleur ? )
pas été plus loin, car si on copie pour essayer ==> 1 seule ligne ( illisible )



cordialement   Bul   
Site     M'écrire
jeudi 31 août 2006 à 18:35:53 | Re : limite de javascript

PetoleTeam

Membre Club


B onjour...
une fonction dans une fonction ça fonctionne...

exemple d'utilisation

function Func_Hard( val_){
  var Result;

  function Hard_1(){
    ..un code hyper chiader...
     return( Result);
  }

  function Hard_2(){
    ..un autre code hyper chiader...
     return( Result);
  }
 
  if( val_< 0)
    Hard_1();
  else
    Hard_2();
}

peut être utile pour de la maintenance et de la clareté !!!


;0)
vendredi 1 septembre 2006 à 03:14:38 | Re : limite de javascript

jnbdzjnbdz

Sa a laire d'aider mais sa ne marche toujours pas. Voici l'adresse du site [ Lien ]

Regarder si vous ne voyer pas se qui cloche car la je sais vraiment pas.

Merci de vautre aide.
vendredi 1 septembre 2006 à 11:20:07 | Re : limite de javascript

bultez

Membre Club
avec FF, regarder la console javascript
avec IE, activer le debugger et ça donne :
   <script type="text/JavaScript">document.write(toptop); document.write(ccontent);
   "toptop" non défini.

cordialement   Bul  Site  M'écrire
vendredi 1 septembre 2006 à 11:27:04 | Re : limite de javascript

bultez

Membre Club
à PetOleTeam,
   je n'avais jamais essayé une function dans une function.
   ( pas eu l'utilité ? )
   merci de nous avoir confirmé que ça baignait,
   ça peut servir.

cordialement   Bul  Site  M'écrire
vendredi 1 septembre 2006 à 12:14:41 | Re : limite de javascript

PetoleTeam

Membre Club


B onjour...

to : The BULTEZ
message : merci pour le message subliminal

to : jnbdzjnbdz
message :

je viens de regarder le cade plus avant et j'ai une question principale

var callcontent;
...est initialisée comment, présence d'une FRAME ou autre ?

essaies avec
var callcontent= "false";
et
var callcontent= "true";

...cette variable est elle un booleen ou une chaine car ATTENTION "false" est différent de false...

pour la suite à suivre....
;0)

1 2

Cette discussion est classée dans : text, background, color, xhr, margin


Répondre à ce message

Sujets en rapport avec ce message

[css]pas assez d'espace entre corps et banniere [ par pygo ] salut a tous,j'ai un petit soucis,je suis en train de construire une nouvelle version de mon site mais je n'ai pas assez d'espace entre le corps et la integrer image arriere plan dans menu CSS [ par ju0123456789 ] Bonjour,je viens de mettre en place un menu avec sous menu, et mon probleme est que je voudrais integrer une image d'arriere plan, mais soit ce n'est  Prb de décalage de DIV sous IE [ par softarg24 ] Bonjour,Voici l'adresse du site que je tente de faire pour des amis. Je suis loin d'être experte:http://www.so6online.net/exploitation.php Sous intern au secours ! qu une bonne ame vienne m aider ! [ par tristouille27 ] voici mon code je ne sais pas " encore" comme ajouter un carrousel photo par exemple a l endroit precisé ! je suis ridicule mais j ai besoin d aide au image de fond dynamique sur mon site aide pour coder en java [ par tuprendslapero ] Bonjour a tous, J'aurai besoin d'un coup de pouce pour mon site,j'espere que je post au bon endroit au quel cas je m'excuse d'avance. Je vous expliqu Les boites de texte avec CSS [ par RoMz34 ] Bonjour, Il y à quelques jours, je me suis lancer dans le design d'un site web, et maintenant, j'aimerais le coder ;). J'ai donc suivit quelques tuto Arriere-plan image changeante on refresh adaptee a l ecran du client [ par pearlp ] Bonsoir ! Voiala ca fais 5 jours que j'essaie de trouver un scripte qui me permetterai d avoir une nouvelle image arriere plan a chaque rafraichissem [help] pourquoi pas? [ par scuzi ] Bonjour à tous, je m'étais inscrit il y a un petit bout de temps et n'étant pas développeur, je n'étais pas encore passé par ici. on dirait plus un Copier / Coller Javascript PHP [ par fregeal ] Bonjour voila j'ai un formulaire text avec un script jquery pour qu'il s'ouvre en slide il fonctione mais je voudrais plusieurs formulaires dans la problème avec jQuery jqGalScroll [ par guignia65 ] Bonjour, je suis juste amateur et j'essaie de faire un site avec dans ma page "jQuery jqGalScroll". J'ai essayé de modifier un code récupéré sur le ne


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,858 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales