Hi,
For further reference I am attaching my full html page 
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <style type="text/css">
        #map {
            width: 900px;
            height: 282;
            border: 1px solid black;
        }
        #zoomLevel {
           bottom: 10px;
           left: 0px;
        }
        #gene {
            background-color: red;
            color:white;
        }
        #mrna {
            background-color: blue;
            color:white;
        }
        #cds {
            background-color: green;
            color:white;
        }
    </style>
    <script src="/OpenLayers.js"></script>
    <script src="javascript/Genomic.js"></script>
    <script src="javascript/opengenes.js"></script>

    <script type="text/javascript">
    /* ruler, chromosome, cds, rna, gene, protein,
       domain, other, cns, nt, gc, background, */

        <!--
        if(! window.console){ console={}; console.log = console.debug 
+= function(){}}

        var map, layers;
        var chr = 7;
        var bp;
        var size= 285;
        var server = 'tiler.pl?'
        var ds = 588;
        var org = "rice";
        function init(){
            map = new OpenLayers.GenomeBrowser( $('map') , 
            {   
                 maxExtent: new OpenLayers.Bounds(-50000,-10000,100000
+0000,10000),
                 units     :'bp',
                 tileSize: new OpenLayers.Size(512, 285),
                 //resolutions:[1024,512,256,128,64,32,16,8,4,2,1],
                 resolutions:[128,64,32,16,8],
                 controls: [new OpenLayers.Control.MouseDefaults()]
            });
            layers = [
            new OpenLayers.Layer.Genomic( "Ruler" , server
                 ,{'chr':chr,layers:"background,ruler",'version':6,org
+anism:org}
                 ,{isBaseLayer:true} 
             ),
            new OpenLayers.Layer.Genomic( "<span id='gene'>Genes</span
+>" , server
                 ,{'chr':chr,layers:"gene,CDS,mRNA",'version':6,organi
+sm:org}
                 ,{isBaseLayer:false}
             )
            ]
            map.addControl(new OpenLayers.Control.LayerSwitcher())
            /*
            gc.setVisibility(false);
            map.addLayer(gc)
            */
            map.addLayers(layers);
            /*                                          zoomLevel */
            map.setCenter(new OpenLayers.BasePair(494000), 1);
            bp = new OpenLayers.Control.MousePosition() 
            map.addControl(bp );
            map.addControl(new OpenLayers.Control.PanZoomBar());


            map.events.register('zoomend',map,updateZoom);
            map.events.triggerEvent('zoomend');

            map.events.register('mousedown',map,mapMouseDown);
            map.events.register('mouseup',map,mapMouseUp);


        }

        function mapMouseDown(e){
            map.lastMouseX = e.xy.x;
            map.lastMouseY = e.xy.y;
        }
        function mapMouseUp(e){
            var tx = e.xy.x;
            var ty = e.xy.y;
            var tot = Math.abs(map.lastMouseX - tx) 
                + Math.abs(map.lastMouseY - ty);
            if(4 > tot){
                // dont need to figure out basepairs from pixels
                // just use the ones in the window already.
                query(parseInt(bp.element.innerHTML));
            }
        }

        function updateZoom(){
            $('resolution').innerHTML = map.getResolution() + 'bp/pixe
+l';

        }
        function query(x){

          // var url = 'http://toxic.berkeley.edu/bpederse/cogex/FeatA
+nno.pl?chr='
           var url = '/CoGe/FeatAnno.pl?chr='
           + chr + '&version=5&layers=gene&organism=' + org + '&loc='
           + x + '&' + 'ds=' + 588
           jfetch(url,'query');
         }

        // -->
    </script>
  </head>
  <body onload="init()">
    <div id="text">
    This is a small hack of <a
    Ahja
    <pre>svn checkout https://genome-browser.googlecode.com/svn/trunk/
+ genome-browser</pre>
    or <a href="http://code.google.com/p/genome-browser/downloads/list
+">
    tar ball</a>
    </div>

    <div id="map">
    </div>
    <div id='resolution'></div>
    <div id='query'></div>
  </body>
</html>

[download]

In reply to Re^2: Help in a cgi script by ashnator
in thread Help in a cgi script by ashnator

Title:
Use:  <p> text here (a paragraph) </p>
and:  <code> code here </code>
to format your post, it's "PerlMonks-approved HTML":


  • Posts are HTML formatted. Put <p> </p> tags around your paragraphs. Put <code> </code> tags around your code and data!
  • Titles consisting of a single word are discouraged, and in most cases are disallowed outright.
  • Read Where should I post X? if you're not absolutely sure you're posting in the right place.
  • Please read these before you post! —
  • Posts may use any of the Perl Monks Approved HTML tags:
    a, abbr, b, big, blockquote, br, caption, center, col, colgroup, dd, del, details, div, dl, dt, em, font, h1, h2, h3, h4, h5, h6, hr, i, ins, li, ol, p, pre, readmore, small, span, spoiler, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, wbr
  • You may need to use entities for some characters, as follows. (Exception: Within code tags, you can put the characters literally.)
            For:     Use:
    & &amp;
    < &lt;
    > &gt;
    [ &#91;
    ] &#93;
  • Link using PerlMonks shortcuts! What shortcuts can I use for linking?
  • See Writeup Formatting Tips and other pages linked from there for more info.