javascript in java server faces

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • vipendra
    New Member
    • Mar 2010
    • 2

    javascript in java server faces

    Hello , everybody I want to know how javascript code can be add in Java Server Faces.
    I am trying to do it but gives error .........

    i want to add java script code in JSF page page1.jsp
    Please help me I am beginner in this field ............tha nkyou very much

    javascriptis given below:



    Code:
    <script language="JavaScript1.2">
    grphcs=new Array(6)
    Image0=new Image();
    Image0.src=grphcs[0]="http://javascriptfreecode.com/images/barg.gif";
    Image1=new Image();
    Image1.src=grphcs[1]="http://javascriptfreecode.com/images/barg.gif"
    Image2=new Image();
    Image2.src=grphcs[2]="http://javascriptfreecode.com/images/barg.gif"
    Image3=new Image();
    Image3.src=grphcs[3]="http://javascriptfreecode.com/images/barg.gif"
    Image4=new Image();
    Image4.src=grphcs[4]="http://javascriptfreecode.com/images/barg.gif"
    Image5=new Image();
    Image5.src=grphcs[5]="http://javascriptfreecode.com/images/barg.gif" 
    
    Amount=8; //Smoothness depends on image file size, the smaller the size the more you can use!
    Ypos=new Array();
    Xpos=new Array();
    Speed=new Array();
    Step=new Array();
    Cstep=new Array();
    ns=(document.layers)?1:0;
    ns6=(document.getElementById&&!document.all)?1:0;
    
    if (ns){
    for (i = 0; i < Amount; i++){
    var P=Math.floor(Math.random()*grphcs.length);
    rndPic=grphcs[P];
    document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+rndPic+"></LAYER>");
    }
    }
    else{
    document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
    for (i = 0; i < Amount; i++){
    var P=Math.floor(Math.random()*grphcs.length);
    rndPic=grphcs[P];
    document.write('<img id="si'+i+'" src="'+rndPic+'" style="position:absolute;top:0px;left:0px">');
    }
    document.write('</div></div>');
    }
    WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
    WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
    for (i=0; i < Amount; i++){                                                                
     Ypos[i] = Math.round(Math.random()*WinHeight);
     Xpos[i] = Math.round(Math.random()*WinWidth);
     Speed[i]= Math.random()*5+3;
     Cstep[i]=0;
     Step[i]=Math.random()*0.1+0.05;
    }
    function fall(){
    var WinHeight=(ns||ns6)?window.innerHeight:window.document.body.clientHeight;
    var WinWidth=(ns||ns6)?window.innerWidth-70:window.document.body.clientWidth;
    var hscrll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
    var wscrll=(ns||ns6)?window.pageXOffset:document.body.scrollLeft;
    for (i=0; i < Amount; i++){
    sy = Speed[i]*Math.sin(90*Math.PI/180);
    sx = Speed[i]*Math.cos(Cstep[i]);
    Ypos[i]+=sy;
    Xpos[i]+=sx; 
    if (Ypos[i] > WinHeight){
    Ypos[i]=-60;
    Xpos[i]=Math.round(Math.random()*WinWidth);
    Speed[i]=Math.random()*5+3;
    }
    if (ns){
    document.layers['sn'+i].left=Xpos[i];
    document.layers['sn'+i].top=Ypos[i]+hscrll;
    }
    else if (ns6){
    document.getElementById("si"+i).style.left=Math.min(WinWidth,Xpos[i]);
    document.getElementById("si"+i).style.top=Ypos[i]+hscrll;
    }
    else{
    eval("document.all.si"+i).style.left=Xpos[i];
    eval("document.all.si"+i).style.top=Ypos[i]+hscrll;
    } 
    Cstep[i]+=Step[i];
    }
    setTimeout('fall()',20);
    }
    
    window.onload=fall
    //-->
    </script>
    
    
    <font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>
    Last edited by Dormilich; Mar 29 '10, 07:14 PM. Reason: Please use [code] tags when posting code
  • Dormilich
    Recognized Expert Expert
    • Aug 2008
    • 8694

    #2
    no wonder it doesn’t work, this code is terribly outdated.

    PS. JavaScript is currently at version 1.8 resp. ECMAScript 262 3rd Edition (5th Edition coming up)

    Comment

    • vipendra
      New Member
      • Mar 2010
      • 2

      #3
      thanks for reply.......... .........
      is there any way to improve or modify this code so that it can be used with JSF page........... ..or please tell me the link from with i can get approprivate javascript..... ...again.thanky ou very much.........

      Comment

      • Dormilich
        Recognized Expert Expert
        • Aug 2008
        • 8694

        #4
        see this forum’s offsite links.

        Comment

        Working...