Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New Coder
    Join Date
    Apr 2011
    Posts
    49
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Onload / Onmouseover issues

    Hello All,

    I am writing a web page that accesses Mysql database data through PHP then dynamically displayes the Mysql data when the user mouses over different parts of an imagemap. I use Javascript OnLoad function to load the Mysql data into the header and then I use the Onmouseover function to change the display dynamically.

    Here is my question; when I mouse-over a part of an image the data in my side bar changes (exactly what I want) but I can't seem to make the data linkable. For example, when a user mouse-overs a certain part of the image, on the side bar it displays the companies web adr. How do I make that data a link? On the initial load the default data displayed is linkable but because I use <div> </div> to change the data dynamically, I loose the likability.

    For anyone that can help I can elaborate more (with code too) but I thought I would throw the general question out there and see if anyone could get my ball rolling.

    Thanks,

    Brian

  • #2
    Senior Coder Logic Ali's Avatar
    Join Date
    Sep 2010
    Location
    London
    Posts
    1,028
    Thanks
    0
    Thanked 207 Times in 202 Posts
    You must show how you're generating and displaying the replacement data.

  • #3
    New Coder
    Join Date
    Apr 2011
    Posts
    49
    Thanks
    6
    Thanked 0 Times in 0 Posts
    will do,
    ty for at least acknowledging my request for help
    brian

  • #4
    New Coder
    Join Date
    Apr 2011
    Posts
    49
    Thanks
    6
    Thanked 0 Times in 0 Posts

    snippet of code

    Hi there,

    here is the code for the page (irrelevant code removed). I have include the HTML/javascript HEADER code here and I put the relevant BODY & CSS code in following posts:

    <?
    session_start();
    ?>
    <html>
    <head>
    <title>The Rational Investor's On The Mining Map - BC</title>
    <link rel="stylesheet" type="text/css" href="mastercss.css" />
    <?
    // open database and get list of map entries and associated links in otmm_bc

    $db = mysql_connect("XXXXXXXXX","XXXXXXXXXX","XXXXXXXX");
    mysql_select_db("XXXXXXXX" ,$db);
    $result = mysql_query("SELECT * FROM otmm_bc", $db);
    $num_rows = mysql_num_rows($result);
    $sql = mysql_query("SELECT *
    FROM `otmm_bc`
    LIMIT 0 , $num_rows" ,$db);

    $loop_counter = 0;
    $map_entry_counter = 0;
    while ($tablerows = mysql_fetch_row($sql))
    {
    $map_entry_array[$map_entry_counter] = $tablerows[0];
    $map_level_array[$map_entry_counter] = $tablerows[2];
    $date_added_array[$map_entry_counter] = $tablerows[3];
    $email_adr_array[$map_entry_counter] = $tablerows[4];
    $web_adr_array[$map_entry_counter] = $tablerows[5];
    $rss_feed_array[$map_entry_counter] = $tablerows[6];
    $pic_adr_array[$map_entry_counter] = $tablerows[7];
    $stock_symbol_array[$map_entry_counter] = $tablerows[8];
    $prop_name_array[$map_entry_counter] = $tablerows[9];
    $prop_deposit_array[$map_entry_counter] = $tablerows[10];
    $stock_picadr_array[$map_entry_counter] = $tablerows[12];
    $stock_dbase_array[$map_entry_counter] = $tablerows[13];
    $rss_feedstring_array[$map_entry_counter] = $tablerows[14];
    $loop_counter = $loop_counter + 1;
    $map_entry_counter = $map_entry_counter + 1;
    }
    mysql_close($db);

    for($j=0;$j<$map_entry_counter;$j++)
    {
    if (isset($stock_symbol_array[$j]))
    {
    $stock = $stock_symbol_array[$j];
    $data_today = fopen("http://finance.yahoo.com/d/quotes.csv?s=$stock&f=sl1d1t1cv&e=.csv", "r");
    $contents_today = fgetcsv($data_today, 100, ",");
    fclose($data_today);
    $numElements_today = count($contents_today);
    for ($icounter=0; $icounter < $numElements_today; $icounter++)
    {
    if ($icounter == 1)
    {
    $stock_last_array[$j] = $contents_today[$icounter];
    }
    elseif ($icounter == 2)
    {
    $stock_ltdate_array[$j] = $contents_today[$icounter];
    }
    elseif ($icounter == 3)
    {
    $stock_lttime_array[$j] = $contents_today[$icounter];
    }
    elseif ($icounter == 4)
    {
    $stock_change_array[$j] = $contents_today[$icounter];
    }
    elseif ($icounter == 5)
    {
    $stock_vol_array[$j] = $contents_today[$icounter];
    }
    }
    }
    else
    {
    $stock_last_array[$j] = "";
    $stock_ltdate_array[$j] = "";
    $stock_lttime_array[$j] = "";
    $stock_change_array[$j] = "";
    $stock_vol_array[$j] = "";
    }
    }

    //assign array of links to string

    $row_limit = $num_rows - 1;
    for ($otmm_loop=0;$otmm_loop<$num_rows;$otmm_loop=$otmm_loop+1)
    {
    if ($otmm_loop == 0)
    {
    $otmm_image_string = "$pic_adr_array[$otmm_loop]".",";
    }
    elseif ($otmm_loop == $row_limit)
    {
    $otmm_image_string = "$otmm_image_string"."$pic_adr_array[$otmm_loop]";
    }
    else
    {
    $otmm_image_string = "$otmm_image_string"."$pic_adr_array[$otmm_loop]".",";
    }
    }

    $s1 = "$otmm_image_string";
    $qs1 = "\"".implode("\",\"",explode(",",$s1))."\"";


    // function for on mouse over to do BOTH //
    ?>
    <script type=text/javascript>
    function doChanges(y){
    var z= y;
    var imagevar = myimages[z];
    var imagethis = this.href;
    changeimage(imagevar,imagethis);
    changetext(z);
    }
    </script>

    <?
    // function for on mouse over text //
    ?>
    <script type=text/javascript>
    function changetext(z){
    var s= z;
    var textchangeEntries = myArrayEntries[s];
    var id = document.getElementById("DBtext_large");
    id.innerHTML=textchangeEntries;

    var textchangeWebadr = myArrayWebadr[s];
    var id = document.getElementById("DBtext_link");
    id.innerHTML=textchangeWebadr;

    var textchangeEmail = myArrayEmail[s];
    var id = document.getElementById("DBtext_email");
    id.innerHTML=textchangeEmail;

    var textchangeRss = myArrayNews[s];
    var id = document.getElementById("DBtext_rss");
    id.innerHTML=textchangeRss;

    var textchangePropName = myArrayPropName[s];
    var id = document.getElementById("DBtext_propname");
    id.innerHTML=textchangePropName;

    var textchangeDeposit = myArrayDeposit[s];
    var id = document.getElementById("DBtext_deposit");
    id.innerHTML=textchangeDeposit;

    var textchangeStock = myArrayStock[s];
    var id = document.getElementById("DBtext_quote_sym");
    id.innerHTML=textchangeStock;

    var textchangeStockLast = myArrayStockLast[s];
    var id = document.getElementById("DBtext_quote_last");
    id.innerHTML=textchangeStockLast;

    var textchangeStockLtdate = myArrayStockLtdate[s];
    var id = document.getElementById("DBtext_quote_ltd");
    id.innerHTML=textchangeStockLtdate;

    var textchangeStockLttime = myArrayStockLttime[s];
    var id = document.getElementById("DBtext_quote_ltt");
    id.innerHTML=textchangeStockLttime;

    var textchangeStockChange = myArrayStockChange[s];
    var id = document.getElementById("DBtext_quote_change");
    id.innerHTML=textchangeStockChange;

    var textchangeStockVol = myArrayStockVol[s];
    var id = document.getElementById("DBtext_quote_vol");
    id.innerHTML=textchangeStockVol;
    }
    </script>

    <?
    // functions for on mouse over images //
    ?>

    <script type=text/javascript>
    function changeimage(towhat,url){
    if (document.images){
    document.images.targetimage.src=towhat.src
    gotolink=url
    }
    }

    function warp(){
    window.location=gotolink
    }

    </script>

    <script type=text/javascript>

    var myArrayEntries = ["<?php echo implode('","',$map_entry_array); ?>"];
    var myArrayWebadr = ["<?php echo implode('","',$web_adr_array); ?>"];
    var myArrayEmail = ["<?php echo implode('","',$email_adr_array); ?>"];
    var myArrayNews = ["<?php echo implode('","',$rss_feed_array); ?>"];
    var myArrayPropName = ["<?php echo implode('","',$prop_name_array); ?>"];
    var myArrayDeposit = ["<?php echo implode('","',$prop_deposit_array); ?>"];
    var myArrayStock = ["<?php echo implode('","',$stock_symbol_array); ?>"];
    var myArrayStockAdr = ["<?php echo implode('","',$stock_picadr_array); ?>"];
    var myArrayStockLast = ["<?php echo implode('","',$stock_last_array); ?>"];
    var myArrayStockLtdate = ["<?php echo implode('","',$stock_ltdate_array); ?>"];
    var myArrayStockLttime = ["<?php echo implode('","',$stock_lttime_array); ?>"];
    var myArrayStockChange = ["<?php echo implode('","',$stock_change_array); ?>"];
    var myArrayStockVol = ["<?php echo implode('","',$stock_vol_array); ?>"];

    var myimages=new Array()
    var gotolink="#"

    function preloadimages(){
    for (i=0;i<preloadimages.arguments.length;i++){
    myimages[i]=new Image()
    myimages[i].src=preloadimages.arguments[i]
    }
    }

    preloadimages(<?echo("$qs1");?>);

    </script>

    </head>
    Last edited by bbeamish; 04-08-2011 at 06:01 PM. Reason: removed more irrelevant code

  • #5
    New Coder
    Join Date
    Apr 2011
    Posts
    49
    Thanks
    6
    Thanked 0 Times in 0 Posts
    BODY code:

    <body>

    <?
    if (!isset($ss))
    {
    $ss = "Medium";
    }
    if ($ss == "Medium")
    {
    $ss_print = " (500 x 750) ";
    $map_version = "BCMapFinallong2_small.png";
    $autism_x_start = "370";
    $autism_y_start = "125";
    $autism_x_end = "400";
    $autism_y_end = "150";

    $britania_x_start = "430";
    $britania_y_start = "125";
    $britania_x_end = "470";
    $britania_y_end = "150";

    $sable_x_start = "210";
    $sable_y_start = "275";
    $sable_x_end = "240";
    $sable_y_end = "290";

    $northgate_x_start = "200";
    $northgate_y_start = "300";
    $northgate_x_end = "245";
    $northgate_y_end = "315";

    $thompson_x_start = "185";
    $thompson_y_start = "350";
    $thompson_x_end = "210";
    $thompson_y_end = "360";

    $imperial_x_start = "115";
    $imperial_y_start = "390";
    $imperial_x_end = "150";
    $imperial_y_end = "400";

    $imperial2_x_start = "285";
    $imperial2_y_start = "405";
    $imperial2_x_end = "315";
    $imperial2_y_end = "415";

    $westerncoal_x_start = "280";
    $westerncoal_y_start = "340";
    $westerncoal_x_end = "300";
    $westerncoal_y_end = "350";

    $peaceriver_x_start = "330";
    $peaceriver_y_start = "355";
    $peaceriver_x_end = "355";
    $peaceriver_y_end = "370";

    $teckcoal1_x_start = "380";
    $teckcoal1_y_start = "445";
    $teckcoal1_x_end = "395";
    $teckcoal1_y_end = "455";

    $teckcoal2_x_start = "375";
    $teckcoal2_y_start = "465";
    $teckcoal2_x_end = "390";
    $teckcoal2_y_end = "475";

    $teckcoal3_x_start = "405";
    $teckcoal3_y_start = "500";
    $teckcoal3_x_end = "415";
    $teckcoal3_y_end = "510";

    $teckcoal4_x_start = "405";
    $teckcoal4_y_start = "525";
    $teckcoal4_x_end = "420";
    $teckcoal4_y_end = "535";

    $teckcoal5_x_start = "450";
    $teckcoal5_y_start = "560";
    $teckcoal5_x_end = "465";
    $teckcoal5_y_end = "570";

    $teck_x_start = "255";
    $teck_y_start = "515";
    $teck_x_end = "270";
    $teck_y_end = "525";

    $taseko_x_start = "220";
    $taseko_y_start = "425";
    $taseko_x_end = "255";
    $taseko_y_end = "435";

    $roca_x_start = "360";
    $roca_y_start = "490";
    $roca_x_end = "370";
    $roca_y_end = "500";

    $breakwater_x_start = "60";
    $breakwater_y_start = "565";
    $breakwater_x_end = "100";
    $breakwater_y_end = "575";

    $hillsborough_x_start = "75";
    $hillsborough_y_start = "535";
    $hillsborough_x_end = "115";
    $hillsborough_y_end = "545";

    $rilogo_x_start = "35";
    $rilogo_y_start = "620";
    $rilogo_x_end = "70";
    $rilogo_y_end = "645";
    }
    ?>
    <table border="1" width="100%" align="center">
    <tr valign="top" height="1000">
    <td>
    <table align="center" cellpadding="1" cellspacing="0" width="100%" border="0">
    <tr>
    <td>
    <table align="center" cellspacing="5" cellpading="5" width="100%" border="1">
    <tr>
    <td colspan="2" valign="center" bgcolor="#CCFFFF" align="center"><p class="heading_otmm">The BC Mining Map</p></td>
    </tr>
    <tr>
    <td valign="top" align="left" width="50%">
    <table border="1" width="100%">
    <tr height="460">
    <td valign="top">
    <table border="0" align="left" width="100%">
    <tr>
    <TD colspan="2" valign="center" bgcolor="#CCFFFF" align="center"><a class="heading">Company Information</a></TD>
    </TR>
    <tr>
    <td width="50%" valign="top">
    <table width="100%" align="center" cellspacing="1" cellpaddin="1" border="0">
    <tr>
    <td valign="top" align="left"><a href="javascript:warp()"><img src="/images/OnTheMiningMap/rilogo.png" name="targetimage" border="2"></a></td>
    </tr>
    <tr>
    <td valign="top" align="center">
    <table width="100%" cellspacing="1" cellpadding="1" align="left" valign="top" border="0">
    <tr>
    <td valign="top"><a class="smalltext_otmm">Company:</a></td>
    </tr>
    <tr>
    <td valign="top"><div id="DBtext_large"><?echo("$map_entry_array[0]");?></div></td>
    </tr>
    <tr>
    <td valign="top"><a class="smalltext_otmm">Web adr:<a/></td>
    </tr>
    <tr>
    <td valign="top"><div id="DBtext_link"><?echo("$web_adr_array[0]");?></div></td>
    </tr>
    <tr>
    <td valign="top"><a class="smalltext_otmm">Email Contact:</a></td>
    </tr>
    <tr>
    <td valign="top"><div id="DBtext_email"><?echo("$email_adr_array[0]");?></div></td>
    </tr>
    <tr>
    <td valign="top"><a class="smalltext_otmm">RSS Feed:</a></td>
    </tr>
    <tr>
    <td valign="top"><div id="DBtext_rss"><?echo("$rss_feed_array[0]");?></div></td>
    </tr>
    <tr>
    <td valign="top"><a class="smalltext_otmm">Deposit Name:</a></td>
    </tr>
    <tr>
    <td valign="top"><div id="DBtext_propname"><?echo("$prop_name_array[0]");?></div></td>
    </tr>
    <tr>
    <td valign="top"><a class="smalltext_otmm">Deposit Type:</a></td>
    </tr>
    <tr>
    <td valign="top"><div id="DBtext_deposit"><?echo("$prop_deposit_array[0]");?></div></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </td>
    <td width="50%" valign="top">
    <table width="100%" align="center" cellspacing="1" cellpaddin="1" border="0">
    <tr>
    <td valign="top" align="left"><a class="smalltext_otmm"><b>RSS News Feed (example - CRI)</b></a></td>
    </tr>
    <tr>
    <td valign="top" align="left"><div id="DBtext_rssfeed"><script language="JavaScript" src="<?echo("$rss_feedstring_array[0]");?>" type="text/javascript"></script></div></td>
    </tr>
    <tr>
    <td valign="top" align="left"><a class="smalltext_otmm"><b>Stock Quote & Chart</b></a></td>
    </tr>
    <tr>
    <td valign="top">
    <table width="100%" align="left" cellspacing="1" cellpadding="1" border="0">
    <tr>
    <td align="left"><a class="smalltext_otmm"><b>Sym</a></td>
    <td align="left"><a class="smalltext_otmm"><b>Last</a></td>
    <td align="left"><a class="smalltext_otmm"><b>Change</a></td>
    <td align="left"><a class="smalltext_otmm"><b>Vol</a></td>
    </tr>
    <tr>
    <td><div id="DBtext_quote_sym"><?echo("$stock_symbol_array[0]");?></div></td>
    <td><div id="DBtext_quote_last"><?echo("$stock_last_array[0]");?></div></td>
    <td><div id="DBtext_quote_change"><?echo("$stock_change_array[0]");?></div></td>
    <td><div id="DBtext_quote_vol"><?echo("$stock_vol_array[0]");?></div></td>
    </tr>
    <tr>
    <td align="left" colspan="2"><a class="smalltext_otmm"><b>As of:</b></a><div id="DBtext_quote_ltd"><?echo("$stock_ltdate_array[0]");?></div></td>
    <td align="left" colspan="2"><a class="smalltext_otmm"><b>Time (delayed):</b></a><div id="DBtext_quote_ltt"><?echo("$stock_lttime_array[0]");?></div></td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td>
    <table width="100%" align="center" cellspacing="1" cellpadding="1">
    <tr>
    <td align="left"><img src="/grid_wkly_chart.php?symbol=<?echo("$stock_dbase_array[0]");?>" width="100" height="140" border="1"></td>
    <td align="left"><img src="/grid_mnthly_chart.php?symbol=<?echo("$stock_dbase_array[0]");?>" width="100" height="140" border="1"></td>
    </tr>
    <tr>
    <td align="left" valign="top"><a class="smalltext_otmm"><b>Weekly</b></a></td>
    <td align="left" valign="top"><a class="smalltext_otmm"><b>Monthly</b></a></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </td>
    <td valign="top" align="center" width="50%">
    <table border="1" cellspacing="4" cellpadding="0" align="center" valign="top">
    <tr>
    <td>
    <img src="http://www.the-rational-investor.com/images/OnTheMiningMap/<?echo("$map_version");?>"
    BORDER="2"
    usemap="#mymap">
    <MAP NAME="mymap">
    <area shape="rect" coords="<?echo("$rilogo_x_start");?>,<?echo("$rilogo_y_start");?>,<?echo("$rilogo_x_end");?>,<?echo( "$rilogo_y_end");?>" onMouseover="doChanges(0)" href="http://www.therationalinvestor.ca/" target="_blank" Title="The Rational Investor" alt="The Rational Investor">
    <area shape="rect" coords="<?echo("$autism_x_start");?>,<?echo("$autism_y_start");?>,<?echo("$autism_x_end");?>,<?echo( "$autism_y_end");?>" onMouseover="doChanges(1)" href="http://www.autismbc.ca/" target="_blank" Title="Autism Society of BC" alt="Autism Society of British Columbia">
    <area shape="rect" coords="<?echo("$britania_x_start");?>,<?echo("$britania_y_start");?>,<?echo("$britania_x_end");?>,< ?echo("$britania_y_end");?>" onMouseover="doChanges(2)" href="http://www.britaniaminingmuseum.ca/" target="_blank" Title="Britannia Mining Museum" alt="Britannia Mining Museum">
    <area shape="rect" coords="<?echo("$sable_x_start");?>,<?echo("$sable_y_start");?>,<?echo("$sable_x_end");?>,<?echo("$s able_y_end");?>" onMouseover="doChanges(3)" href="http://sableresources.com/" target="_blank" Title="Sable Resources - Shasta" alt="Sable Resources - Shasta">
    <area shape="rect" coords="<?echo("$northgate_x_start");?>,<?echo("$northgate_y_start");?>,<?echo("$northgate_x_end");? >,<?echo("$northgate_y_end");?>" onMouseover="doChanges(4)" href="http://northgateexploration.com/Home/default.aspx" target="_blank" Title="Northgate Resources - Kemess South" alt="Northgate Resources - Kemess South">
    <area shape="rect" coords="<?echo("$thompson_x_start");?>,<?echo("$thompson_y_start");?>,<?echo("$thompson_x_end");?>,< ?echo("$thompson_y_end");?>" onMouseover="doChanges(5)" href="http://www.thompsoncreekmetals.com/s/Home.asp" target="_blank" Title="Thompson Creek Metals - Endako" alt="Thompson Creek Metals - Endako">
    <area shape="rect" coords="<?echo("$imperial_x_start");?>,<?echo("$imperial_y_start");?>,<?echo("$imperial_x_end");?>,< ?echo("$imperial_y_end");?>" onMouseover="doChanges(6)" href="http://www.imperialmetals.com/s/Home.asp" target="_blank" Title="Imperial Metals - Huckleberry" alt="Imperial Metals - Huckleberry">
    <area shape="rect" coords="<?echo("$westerncoal_x_start");?>,<?echo("$westerncoal_y_start");?>,<?echo("$westerncoal_x_e nd");?>,<?echo("$westerncoal_y_end");?>" onMouseover="doChanges(7)" href="http://www.westerncoal.com/" target="_blank" Title="Western Coal - Brule, Dillon, Perry Creek" alt="Western Coal - Brule, Dillon, Perry Creek">
    <area shape="rect" coords="<?echo("$peaceriver_x_start");?>,<?echo("$peaceriver_y_start");?>,<?echo("$peaceriver_x_end" );?>,<?echo("$peaceriver_y_end");?>" onMouseover="doChanges(8)" href="http://www.peacerivercoal.com/" target="_blank" Title="Peace River Coal" alt="Peace River Coal">
    <area shape="rect" coords="<?echo("$teckcoal1_x_start");?>,<?echo("$teckcoal1_y_start");?>,<?echo("$teckcoal1_x_end");? >,<?echo("$teckcoal1_y_end");?>" onMouseover="doChanges(9)" href="http://www.teck.com/Generic.aspx?portalName=tc" target="_blank" Title="Teck Coal Fording River" alt="Teck Coal Fording River">
    <area shape="rect" coords="<?echo("$teckcoal2_x_start");?>,<?echo("$teckcoal2_y_start");?>,<?echo("$teckcoal2_x_end");? >,<?echo("$teckcoal2_y_end");?>" onMouseover="doChanges(9)" href="http://www.teck.com/Generic.aspx?portalName=tc" target="_blank" Title="Teck Coal Greenhills" alt="Teck Coal Greenhills">
    <area shape="rect" coords="<?echo("$teckcoal3_x_start");?>,<?echo("$teckcoal3_y_start");?>,<?echo("$teckcoal3_x_end");? >,<?echo("$teckcoal3_y_end");?>" onMouseover="doChanges(9)" href="http://www.teck.com/Generic.aspx?portalName=tc" target="_blank" Title="Teck Coal Line Creek" alt="Teck Coal Line Creek">
    <area shape="rect" coords="<?echo("$teckcoal4_x_start");?>,<?echo("$teckcoal4_y_start");?>,<?echo("$teckcoal4_x_end");? >,<?echo("$teckcoal4_y_end");?>" onMouseover="doChanges(9)" href="http://www.teck.com/Generic.aspx?portalName=tc" target="_blank" Title="Teck Coal Elkview" alt="Teck Coal Elkview">
    <area shape="rect" coords="<?echo("$teckcoal5_x_start");?>,<?echo("$teckcoal5_y_start");?>,<?echo("$teckcoal5_x_end");? >,<?echo("$teckcoal5_y_end");?>" onMouseover="doChanges(9)" href="http://www.teck.com/Generic.aspx?portalName=tc" target="_blank" Title="Teck Coal Coal Mountain" alt="Teck Coal Coal Mountian">
    <area shape="rect" coords="<?echo("$imperial2_x_start");?>,<?echo("$imperial2_y_start");?>,<?echo("$imperial2_x_end");? >,<?echo("$imperial2_y_end");?>" onMouseover="doChanges(10)" href="http://www.imperialmetals.com/s/Home.asp" target="_blank" Title="Imperial Metals - Mount Polley" alt="Imperial Metals - Mount Polley">
    <area shape="rect" coords="<?echo("$teck_x_start");?>,<?echo("$teck_y_start");?>,<?echo("$teck_x_end");?>,<?echo("$teck _y_end");?>" onMouseover="doChanges(11)" href="http://www.teck.com/Generic.aspx?portalName=tc" target="_blank" Title="Teck - Huckleberry" alt="Teck - Huckleberry">
    <area shape="rect" coords="<?echo("$taseko_x_start");?>,<?echo("$taseko_y_start");?>,<?echo("$taseko_x_end");?>,<?echo( "$taseko_y_end");?>" onMouseover="doChanges(12)" href="http://www.tasekomines.com/tko/Home.asp" target="_blank" Title="Taseko - Gibralar" alt="Taseko - Gibralar">
    <area shape="rect" coords="<?echo("$roca_x_start");?>,<?echo("$roca_y_start");?>,<?echo("$roca_x_end");?>,<?echo("$roca _y_end");?>" onMouseover="doChanges(13)" href="http://www.rocamines.com/s/Home.asp" target="_blank" Title="Roca - Max" alt="Roca - Max">
    <area shape="rect" coords="<?echo("$breakwater_x_start");?>,<?echo("$breakwater_y_start");?>,<?echo("$breakwater_x_end" );?>,<?echo("$breakwater_y_end");?>" onMouseover="doChanges(14)" href="http://www.breakwater.ca/" target="_blank" Title="Breakwater - Myra Falls" alt="Breakwater - Myra Falls">
    <area shape="rect" coords="<?echo("$hillsborough_x_start");?>,<?echo("$hillsborough_y_start");?>,<?echo("$hillsborough_ x_end");?>,<?echo("$hillsborough_y_end");?>" onMouseover="doChanges(15)" href="http://www.hillsboroughresources.com/" target="_blank" Title="Hillsborough - Quinsam" alt="Hillsborough - Quinsam">
    </MAP>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </body>
    Last edited by bbeamish; 04-08-2011 at 06:00 PM. Reason: removed more irrelevant code

  • #6
    New Coder
    Join Date
    Apr 2011
    Posts
    49
    Thanks
    6
    Thanked 0 Times in 0 Posts
    CSS code:

    div#content {
    width: 175px;
    overflow:hidden;}

    div#DBtext_large {
    font-family: Georgia;
    font-size: 1.15em;
    color: blue;}

    div#DBtext_email {
    font-family: Georgia;
    font-size: .75em;
    color: blue;}

    div#DBtext_link {
    font-family: Georgia;
    font-size: .75em;
    color: blue;
    text-align: left;
    width: 100px;}

    div#DBtext_rss {
    font-family: Georgia;
    font-size: .75em;
    color: blue;
    width: 100px;}

    div#DBtext_propname {
    font-family: Georgia;
    font-size: .75em;
    color: blue;
    text-align: left;}

    div#DBtext_deposit {
    font-family: Georgia;
    font-size: .75em;
    color: blue;
    text-align: left;}

    div#DBtext_quote_name {
    font-family: Georgia;
    font-size: .65em;
    color: blue;
    text-align: left;}

    div#DBtext_quote_sym {
    font-family: Georgia;
    font-size: .70em;
    color: blue;
    text-align: left;}

    div#DBtext_quote_last {
    font-family: Georgia;
    font-size: .70em;
    color: blue;
    text-align: left;}

    div#DBtext_quote_ltd {
    font-family: Georgia;
    font-size: .70em;
    color: blue;
    text-align: left;}

    div#DBtext_quote_ltt {
    font-family: Georgia;
    font-size: .70em;
    color: blue;
    text-align: left;}

    div#DBtext_quote_change {
    font-family: Georgia;
    font-size: .70em;
    color: blue;
    text-align: left;}

    div#DBtext_quote_vol {
    font-family: Georgia;
    font-size: .70em;
    color: blue;

    div#DBtext_quote_head {
    font-family: Georgia;
    font-size: .65em;
    color: blue;
    text-align: left;}

    div#DBtext_rssfeed {
    font-family: Georgia;
    font-size: .65em;
    color: blue;
    text-align: left;}


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •