Pure Software code
 

      Read me ...
 

    

Free Training Programming Courses On Line  -  www.puresoftwarecode.com
 
www.puresoftwarecode.com        
 
           Picture Move with Scroll Bar, Right
 
 
     Add the following points to web page

Notes       

1.    Important info:
      The file 'picture_move_with_scroll_right_files/abm(8).htm' strores  picture (width = 160 and Height= 600)
     
2.
  • at Normal Source of web page - Blank page, right click this page, on the shortcut menu click Page Proprieties, the Page Proprieties dialog box appears, click tab Margins, check Specify top margin and Specify left margin,  and then click ok

  •  at Normal Source, from Table menu, select Insert and then select Table ... , the Insert Table dialog box appears, (size coordinates: 3 row and 1 Column) and then click ok. New Table display

  • at Normal Source of web page, right click this Table created, on the shortcut menu click Table Proprieties, the Table Proprieties dialog box appears, check Specify height and type 900 at text box and check in pixels,  and then click ok

  • at Normal Source of web page, right click 1st Cell of this Table created, on the shortcut menu click Cell Proprieties, the Cell Proprieties dialog box appears, at Specify width type 2 in percent and at Vertical alignment combo box select Top,  and then click ok

  • at Normal Source of web page, right click 2nd Cell of this Table created, on the shortcut menu click Cell Proprieties, the Cell Proprieties dialog box appears, at Specify width type 80 in percent and at Vertical alignment combo box select Top,  and then click ok

  • at Normal Source of web page, right click 3rd  Cell of this Table created, on the shortcut menu click Cell Proprieties, the Cell Proprieties dialog box appears, at Specify width type 18 in percent and at Vertical alignment combo box select Top,  and then click ok

  • at Normal Source, into the 3rd  Cell  , type 'A' and  select it
  • at HTML source, appears the place selected at the previous point ( letter 'A' typed and selected at Normal Source)
    <TD vAlign=top width="20%">A</TD>
  • at HTML source,  replace the previous HTML text created   by the following HTML text and JavaScript text- (color of old text - red, color of new text - black )
    <TD vAlign=top width=20><!-- FLOATING BANNER START -->
    <SCRIPT>
    if (!document.layers)
    document.write('<div id="divStayTopLeft" style="position:relative;">')
    </SCRIPT>

    <SCRIPT language=JavaScript src="picture_move_with_scroll_right_files/abm(8).htm">
    </SCRIPT>

    <SCRIPT type=text/javascript>
    /*
    Picture Move with Scroll Bar, Floating Menu script
    */

    //Enter "frombottom" or "fromtop"
    var verticalpos="fromtop"

    if (!document.layers)
    document.write('</div>')

    function JSFX_FloatTopDiv()
    {
    startY = 0;
    var ns = (navigator.appName.indexOf("Netscape") != -1);
    var d = document;

    function ml(id)
    {
    var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
    if(d.layers)el.style=el;
    el.sP=function(y){ this.style.top=y+"px"; };
    el.y = startY;
    return el;
    }
    window.stayTopLeft=function()
    {
    if(ns){
    pY = pageYOffset;
    } else {
    if(document.documentElement){
    pY = document.documentElement.scrollTop;
    } else {
    pY = document.body.scrollTop;
    }

    }
    //var pY = ns ? pageYOffset : document.body.scrollTop;
    ftlObj.y += (pY + startY - ftlObj.y)/8;

    ftlObj.sP(ftlObj.y);
    setTimeout("stayTopLeft()", 10);
    }
    ftlObj = ml("divStayTopLeft");
    //alert(ftlObj);
    stayTopLeft();
    }
    JSFX_FloatTopDiv();
    </SCRIPT>
    &nbsp;
    </TD>

 

3.  at HTML source.  replace this HTML text (1st line of HTML text)   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 
by the following HTML text  - (color of old text - red, color of new text - black )     <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
 
 
 
  Call the web page example, Picture Move with Scroll Bar, Right

   Notes:
         Use Microsoft FrontPage software to read or write JavaScript text
, to HTML Source
 
   
 
Author.
       Chucri Simon Zouein , Beirut - Lebanon - Computer engineer
       Tel :         961-01-691436

      
Web:       http://www.puresoftwarecode.com/
       E-mail: 
   info@puresoftwarecode.com