Unable to apply styles in ajax


DevX Home    Today's Headlines   Articles Archive   Tip Bank   Forums   

Results 1 to 15 of 15

Thread: Unable to apply styles in ajax

  1. #1
    Join Date
    Dec 2008
    Posts
    1

    Question Unable to apply styles in ajax

    I'm working on an application that's going to utilize a very simple implementation of ajax to update content using static HTML pages. The problem I am running into is that the css styles I'm trying to use in these pages isn't being applied with the ajax script updates the main page if the style is stored in an external css file.

    If I include the style directly into a tag like <p style="color: red;"> then it is working file. But if I try to access an external css tag like <p class="style"> then it doesn't work.

    Since I'm really new to ajax I can't seem to find a way to have the updated content recognize the css styles. Any ideas?

    Thanks.

  2. #2
    Join Date
    Oct 2005
    Location
    Maady
    Posts
    1,819
    the path of the style should be correct relatively to the main page not the other page, that's mean:
    if ur style is style.css
    and the document is file.php
    and the main file is index.php
    and ur directory structure is like that:

    index.php
    files\file.php
    files\style.css

    inside the file.php, to include the style and view it from index.php, the path should be:
    location="files\style.css"
    not:
    location="style.css"
    Programmer&Cracker CS
    MyBlog:Blog.Amahdy.com
    MyWebsite:www.Amahdy.com

  3. #3
    Join Date
    Dec 2008
    Posts
    8

    Question i'm having a similar issue

    I have used basically the same set up. I declared my styles directly in the document i'm calling with AJAX. Unfortunately, when it gets pulled to my main site it looks completely different. The main site is using its CSS coding and overwriting the declared code within the called document.

    (Example: i have h1 set to be a golden color on my main page. In the called document it is supposed to be extra large and white. When i visit the called site by its own url it shows up normal as intended but when it is AJAXed into a div on the main page it is all distorted and is way smaller then it should be.) <- FIREFOX

    Any ideas? It also happens to be a form. The form has a js file to validate it on the fly. It does not work on the home page. Even with the file structure edited relative to the home page. I assume this is a CSS issue?

    *as another side note the CSS for the called page doesn't come through at all in IE it is completely unstyled?

  4. #4
    Join Date
    Oct 2005
    Location
    Maady
    Posts
    1,819
    do u have called both of them "h1" ? it won't work, or show me the webpage or some code ...
    Programmer&Cracker CS
    MyBlog:Blog.Amahdy.com
    MyWebsite:www.Amahdy.com

  5. #5
    Join Date
    Dec 2008
    Posts
    8
    ==========
    =index.php =
    ==========
    PHP Code:
    <head>
    <
    link rel="stylesheet" type="text/css" href="css/style.css" media="screen, print" />
    <
    script type="text/javascript" src="./includes/functions.js"></script>
    </head>
    <body class="index">
    <div id="navigation">
    <a href='#' onclick="showNews()" title='Stay up-to-date on the latest news!' class='news'></a>
            <a href='#' onclick="showRegistration()" title='Sign up for your account here!' class='registration'></a>
            <a href='#' onclick="showStore()"title='Buy Things!' class='store'></a>
    </div>
    <div id="information"></div>
    </body> 
    ============
    =functions.js =
    ============
    Code:
    function GetXmlHttpObject()
    {
    var xmlHttp=null;
    try
     {
     // Firefox, Opera 8.0+, Safari
     xmlHttp=new XMLHttpRequest();
     }
    catch (e)
     {
     //Internet Explorer
     try
      {
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      }
     catch (e)
      {
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
     }
    return xmlHttp;
    }
    
    var xmlHttp
    
    function showRegistration(str)
    { 
    xmlHttp=GetXmlHttpObject()
    if (xmlHttp==null)
     {
     alert ("Browser does not support HTTP Request")
     return
     }
    var url="./includes/registration.php"
    url=url+"?q="+str
    url=url+"&sid="+Math.random()
    xmlHttp.onreadystatechange=stateChanged 
    xmlHttp.open("GET",url,true)
    xmlHttp.send(null)
    }
    ===============
    = registration.php =
    ===============

    PHP Code:
    <html>
    <
    head>
      <
    link rel="stylesheet" type="text/css" href="includes/live_validation/live_valid.css" media="screen, print" />
      <
    script type="text/javascript" src="includes/live_validation/live_validation.js"></script>
      <style type="text/css">
    #theform {
        background-color: #4F4F00;
        color: #FFFFFF;
        font-family: Arial, Helvetica, sans-serif;
        width: 40em;
        }
    #theform fieldset {
        height: 20em;
        width: 11em;
        border: 0;
        margin: 0;
        padding: 1em;
        float: left;
        }
    #theform fieldset legend {
        font-size: 4em;
        font-family: Georgia, "Times New Roman", Times, serif;
        color: #FFFFFF;
        }
    #theform fieldset legend span {
        display: none;
        }
    #theform fieldset h3 {
        height: 3em;
        font-size: 1em;
        }
    #theform fieldset div.help {
        color: #FFFF99;
        font-size: 0.7em;
        font-weight: bold;
        height: 5em;
        }
    #theform fieldset label {
        font-size: 0.7em;
        display: block;
        line-height: 1.5em;
        }
    #theform fieldset input {
        font-size: 0.8em;
        height: 1.8em;
        }
        
    /* Error Styling */
    #theform fieldset.error,
    #theform fieldset.error legend,
    #theform fieldset.error div.help {
        color: #FFCC33;
        }
    #theform fieldset strong.error {
        color: #fff;
        background-color: #CC0000;
        padding: 0.2em;
        font-size: 0.7em;
        font-weight: bold;
        display: block;
        }

    /* Part 4 Styling */
    #theform #pt4 {
        clear: both;
        width: 38em;
        height: 5em;
        border: 10px solid #666600;
        border-width: 10px 0;
        padding: 1em;
        }
    #theform #pt4 legend {
        display: none;
        }
    #theform #pt4 h3 {
        display: none;
        }
    #theform #pt4 #disclaimer {
        width: 22em;
        float: left;
        font-size: 0.7em;
        }
    #theform #pt4 input {
        height: 5em;
        font-size: 1em;
        width: 18em;
        color: #666666; 
        background: #f3f3f3;
        font-weight: bold;
        border-bottom:     1px solid #999999;
        border-right: 1px solid #999999;
        border-top: 1px solid #CCCCCC;
        border-left: 1px solid #CCCCCC;    
        float: right;
        }

    #copyright {
        clear: both;
        padding: 0.5em;
        font-size: 0.8em;
        color: #9F9F00;
        font-style: italic;
        }
    #disclaimer {
        clear: both;
        padding: 0em;
        font-size: 0.8em;
        font-style: italic;
        }

    </style>

    <!--[if IE]>
    <style type="text/css">
    #theform #pt4 {
        padding: 2em 1em 1em 1em;
        }
    </style>
    <![endif]-->

    </head>
    <body>
        <div id="maxinfosize">
            <div id="information" class="registration">
            <p>
    <h1 class="index">Registration</h1>
    <form id="theform" action="thank.php" enctype="multipart/form-data" method="post">
        <fieldset id="pt1">
            <legend><span>Step </span>1. <span>: Login details</span></legend>
            <h3>Pick a login name.</h3>
            <div class="help">You will use this to log into the website. This will act as your main account name for your individual characters.</div>
            <label for="loginname">Login / Sitename</label>
            <input type="text" id="loginname" tabindex="1" />
        </fieldset>
        <fieldset id="pt2">
            <legend><span>Step </span>2. <span>: Password</span></legend>
            <h3>Choose a password for your new account.</h3>
            <div class="help">Passwords must be 6-30 characters in length.</div>
                <label for="passwords1"> Enter your password:</label>
                      <input type="password" id="myPasswordField" tabindex='2'/>
                      <br />
                <label for="passwords2"> Confirm password:</label>
                      <input type="password" id="f19" tabindex='3'/>
                      <script type="text/javascript">
                        var f19 = new LiveValidation('f19');
                        f19.add(Validate.Confirmation, { match: 'myPasswordField'} );
                      </script> 
        </fieldset>
        <fieldset id="pt3" class="error">

            <legend><span>Step </span>3. <span>: Email details</span></legend>
            <h3>Enter your email address.</h3>
            <div class="help">You must enter a valid email address to activate your account.</div>
            <strong class="error">An email address is required!</strong>
            <label for="email1">Email</label>
                    <input type="text" id="f20" tabindex="4"/>
                      <script type="text/javascript">
                        var f20 = new LiveValidation('f20');
                        f20.add(Validate.Email );
                      </script>
        </fieldset>
        <fieldset id="pt4">
            <legend>Step 4  : Submit form</legend>
            <h3>Terms of Service</h3>

            <div id="disclaimer">By clicking the “Complete Signup” button,
                I am attaching my electronic signature to and agreeing to the
                Terms of Service Agreement; I understand that if I do not agree to these
                terms of use and privacy statements, I should refrain from using this website or any of its services.</div>
            <input type="submit" id="submitform" tabindex="6" value="Complete Signup &raquo;" />
        </fieldset>
        <div id="copyright">All content Copyright © 2009.</div>
    </form>
            </p>
            </div>
        </div>
    </body>
    </html> 
    ================
    = live_validation.css=
    ================

    Code:
    .LV_validation_message{
        font-weight:bold;
    	padding: 0.5em;
    	font-size: 0.8em;
        margin:0 0 0 5px;
    }
    
    .LV_valid {
    	padding: 0.5em;
    	font-size: 0.8em;
        color:#00CC00;
    }
    	
    .LV_invalid {
    	padding: 0.5em;
    	font-size: 0.8em;
        color:#CC0000;
    }
        
    .LV_valid_field,
    input.LV_valid_field:hover, 
    input.LV_valid_field:active,
    textarea.LV_valid_field:hover, 
    textarea.LV_valid_field:active {
        border: 1px solid #00CC00;
    }
        
    .LV_invalid_field, 
    input.LV_invalid_field:hover, 
    input.LV_invalid_field:active,
    textarea.LV_invalid_field:hover, 
    textarea.LV_invalid_field:active {
        border: 1px solid #CC0000;
    }
    ================
    = live_validation.js =
    ================

    HUGE validation code

  6. #6
    Join Date
    Dec 2008
    Posts
    8
    I just realized what you meant by utilizing the <h1> in both places.. i added classes to my css to help with that issue.. it fixed a huge portion of my problems.. unfortunately IE still doesn't recognize any of my css which is declared within my registration page? but it works fine in FireFox

  7. #7
    Join Date
    Oct 2005
    Location
    Maady
    Posts
    1,819
    which one is not working exactly ?
    Programmer&Cracker CS
    MyBlog:Blog.Amahdy.com
    MyWebsite:www.Amahdy.com

  8. #8
    Join Date
    Dec 2008
    Posts
    8

    Question

    registration.php looks perfect when it is pulled up on its own. Because its CSS is declared within the document. However, when I call registration.php into Index.php using functions.js it does not apply the styles on registration.php in IE. It looks fine in FireFox. Also I am using validation.js in registration to make sure the user is entering the proper information into the fields. That feature does not work when registration.php is called into index.php (on both firefox and IE).

  9. #9
    Join Date
    Oct 2005
    Location
    Maady
    Posts
    1,819
    i suppose the function "stateChanged()" put the resived data into the "information" div ... what does style.css inside css folder contains ?
    Programmer&Cracker CS
    MyBlog:Blog.Amahdy.com
    MyWebsite:www.Amahdy.com

  10. #10
    Join Date
    Dec 2008
    Posts
    8
    Sorry

    =========
    = style.css=
    =========
    Code:
    body.index {
    	margin: 0;
    	text-align: center;
    	font: 0.85em verdana, arial, sans-serif;
    	line-height: 170%;
    	color: #EEE;
    	background: #585858 url(./images/background.png) repeat-y top center;
    }
    
    p.index { 
      padding-top: 10px !important;
      padding-top: 3px;
      padding-bottom: 10px !important;
      padding-bottom: 3px;
    }
    
    
    a.index {
      color: #809FFF;
    }
    
    a:visited {
      color: #809FFF;
    }
    
    a:hover {
      color: #809FFF;
    }
    
    ol li.index { 
      color: #809FFF;
    }
    
    ol li span.index {
      color: #EEE;
    }
    
    ul.index {
      padding-bottom: 10px;
    }
    
    ul li.index {
      list-style-image: url(./images/li_bullet.gif);
    }
    
    acronym.index {
      cursor: help;
      border-bottom: 1px solid #777;
    }
    
    input.index {
      width: 70%;
    }
    
    textarea.index {
      width: 98%;
     
      scrollbar-3dlight-color : #777;
      scrollbar-arrow-color : #EEE;
      scrollbar-darkshadow-color : #777;
      scrollbar-face-color : #777;
      scrollbar-highlight-color : #777;
      scrollbar-shadow-color : #777;
      scrollbar-track-color : #777;    
     
    }
    
    input,
    textarea.index {
      padding: 0px 0px;
      margin: 2px 0;
      font: 1em verdana, arial, sans-serif;
      color: #EEE;
      background-color: #777;
      border: 1px solid #999;
    }
    
    input.indexsubmit {
      width: 30%;
      padding: 0px 0px;
      margin: 2px 0;
      font: 1em verdana, arial, sans-serif;
      color: #EEE;
      background-color: #777;
      border: 1px solid #999;
    }
    input:hover,
    input:focus,
    textarea:hover,
    textarea:focus {
      color: #FFF;
      background-color: #999;
      border: 1px solid #EEE;
    }
    h1.index {
      clear: both;
      margin: 10px 0;
      font: 700 1em verdana, sans-serif;
      text-transform: uppercase;
      color: #FFD426;
      background: #686868 url(./images/rounded_tr.gif) no-repeat top right;
    }
    
    h2.index {
      clear: both;
      margin: 10px 0;
      font: 700 1em verdana, sans-serif;
      text-transform: uppercase;
      color: #FFD426;
    }
    
    h3.index {
      clear: both;
      margin: 0px 0;
      font: 700 1em verdana, sans-serif;
      text-transform: uppercase;
      color: #FFD426;
    }
    h4.index {
      clear: both;
      margin: 0px 0;
      font: 500 1em verdana, sans-serif;
      color: #FFD426;
    }
    h5.red {
      clear: both;
      margin: 0px 0;
      font: 500 1em verdana, sans-serif;
      color: #FF0000;
    }
    h5.lightblue {
      clear: both;
      margin: 0px 0;
      font: 500 1em verdana, sans-serif;
      color: #ADDFFF;
    }
    h5.index {
      clear: both;
      margin: 0px 0;
      font: 400 1em verdana, sans-serif;
      color: #FFD426;
    }h6.index {
      clear: both;
      margin: 0px 0;
      font: 200 1em verdana, sans-serif;
    
      color: #FFD426;
    }
    h1.index span {
      display: block;
      padding: 2px;
      background: url(./images/rounded_br.gif) no-repeat bottom right;
    }
    #sideBar h1 {
      text-align: right;
      background: #686868 url(./images/rounded_tl.gif) no-repeat top left;
    }
    #sideBar h1 span {
      display: block;
      padding: 2px;
      background: url(./images/rounded_bl.gif) no-repeat bottom left;
    }
    #content ol li { 
      color: #9BE4FF;
    }
    #content ol li span {
      color: #EEE;
    }
    #content ul {
      padding-bottom: 0px;
    }
    #content ul li {
      list-style-image: url(./images/li_bullet.gif);
    }
    blockquote.index {  
      margin: 0;
      background: #686868 url(./images/rounded_tr.gif) no-repeat top right;
    } 
    blockquote.index span {
      display: block;
      padding: 5px;
      background: url(./images/rounded_br.gif) no-repeat bottom right;
    }
    /***************************************************
      Layout Element Styles
     ***************************************************/
    
    
    #header {  
      width: 100%;
      height: 205px;
      background: #585858 url(./images/background.png) repeat-y top center;  
    }
    
    #content {
    	clear: both;
    	width: 767px;
    	margin: 0 auto;
    	text-align: left;
    	height:100%;
    	position: relative;
    }
    
    #text {
      float: left;
      width: 410px !important;
      width: 437px;
      padding: 10px 5px 20px 20px !important;
      padding: 20px 5px 20px 20px;
    }
    
    #image {
      position:relative;
      float: left;
      width: 170px;  
      vertical-align: top;
      z-index: 3;
    }
    
    #sideBar {
      float: right;
      width: 145px !important;
      width: 160px;
      padding: 10px 15px 20px 0 !important;
      padding: 20px 15px 20px 0;
    }
    
    #adpeg {
    	position:absolute;
    	left:590px;
    	top:202px;
    	width:120px;
    	height:240px;
    	z-index:2;
    }
    #ad1 {
    	position:absolute;
    	left:590px;
    	top:203px;
    	width:120px;
    	height:240px;
    	z-index:1;
    }
    #login {
    	position:absolute;
    	left:20px;
    	top:-100px;
    	width:200px;
    	height:85px;
    	z-index:3;
    	float: left;
    }
    
    #news {
    	position:absolute;
    	left:200px;
    	top:-90px;
    	width:350px;
    	height:90px;
    	z-index:3;
    	float: left;
    }
    #maxinfosize {
    	clear: both;
    	width: 550px;
    	margin: 0 auto;
    	text-align: left;
    	height:100%;
    	position: absolute;
    	left:6px;
    	top:30px;
    }
    
    #information.news{
    	position:absolute;
    	left:0px;
    	top:0px;
    	width:550px;
    	z-index:3;
    	background: #686868 url(./images/rounded_tl.gif) no-repeat top left;
    	float: left;
    }
    #information.registration{
    	position:absolute;
    	left:0px;
    	top:0px;
    	width:550px;
    	height:536px;
    	z-index:3;
    	background: #686868 url(./images/rounded_tl.gif) no-repeat top left;
    	float: left;
    }
    #registration{
    	position:absolute;
    	left:0px;
    	top:0px;
    	width:550px;
    	height:495px;
    	z-index:3;
    	background: #686868 url(./images/rounded_tl.gif) no-repeat top left;
    	float: left;
    }
    /***************************************************
     Footer
     ***************************************************/
    
    #footer {
      clear: both;
      float: left;
      width: 575px;
      padding: 10px 20px;
      color: #888;
    }
    
    #footer p {
      padding-top: 0 !important;
      padding-top: 10px;
    }
    
    #footer a {
      color: #777;
    }
    
    #footer a:hover {
      color: #EEE;
    }
    
    a.LaW {
      float: left;
      width: 56px;
      height: 70px;  
      margin-right: 10px;
      background: url(./images/law_logo.png) no-repeat 0 0;
    }
    a:hover.LaW  {
      background-position: -56px 0;
    }
    /* dock - top */
    .dock {
    	position: relative; 
    	left:0px;
    	top:20px;
    	height: 50px; 
    	text-align: center;
    }
    .dock-container {
    	position: absolute;
    	height: 50px;
    	background: url(./includes/dock/images/dock-bg2.gif);
    	padding-left: 20px;
    }
    a.dock-item {
    	display: block;
    	width: 40px;
    	color: #000;
    	position: absolute;
    	top: 0px;
    	text-align: center;
    	text-decoration: none;
    	font: bold 12px Arial, Helvetica, sans-serif;
    }
    .dock-item img {
    	border: none; 
    	margin: 0px 0px 0px; 
    	width: 100%; 
    }
    .dock-item span {
    	display: none; 
    	color: #FFD426;
    	background: #686868;
    	padding-left: 0px;
    }
    img {
    	border: none;
    }

  11. #11
    Join Date
    Oct 2005
    Location
    Maady
    Posts
    1,819
    i used the following function:

    Code:
    function stateChanged() {
    	if(xmlHttp.readyState==4||xmlHttp.readyState=="complete")
    		document.getElementById('information').innerHTML=xmlHttp.responseText;
    }
    and found ur issue exactly, it works only with FIREFOX, but not as expected with IE nor Chrome ...
    I worked around the problem and found that FIREFOX crops the HTML text and keep the style and the body only so the final body will be:
    Code:
    <div id=information>
       <style> /* registration.php whole style here*/ </style>
       <div id="maxinfosize">
            //registration contents
       </div>
    </div>
    but in IE and Chrome, the result is:
    Code:
    <div id=information>
       <div id="maxinfosize">
            //registration contents
       </div>
    </div>
    (here the style inside the head is cropped too)

    to test this with a sample example here is one:

    Code:
    <html>
    	<head>
    		<style>
    			body{
    				color:#666666;
    			}
    		</style>
    	</head>
    	<body>
    		bla bla
    		<div id="devx">
    			ble ble
    		</div>
    		<script>
    			document.getElementById('devx').innerHTML="<html><head><style>body{color:#000000}</style></head><body>bly bly</body></html>"
    		</script>
    	</body>
    </html>
    I Think it's a BUG from FirFox and not a benefit coz the previous example demonstrated that the style were applied on the whole document not the "devx" div only ...it would be better to have the output like that:

    Code:
    <html>
    	<head>
    		<style>
    			body{
    				color:#666666;
    			}
    		</style>
    	</head>
    	<body>
    		bla bla
    		<div id="devx">
    			<html><head><style>body{color:#000000}</style></head><body>bly bly</body></html>
    		</div>
    	</body>
    </html>
    anyway, my suggested solutions are:
    1- easy but not the best:
    include the whole css and js in the index.php file ... not the best cos in ur main page u'll load un-needed styles and scripts ... but will be the best solution if you are sure that 90&#37; of visitors will use all the loaded styles and scripts ...

    2- check this method for inserting css and js using AJAX:
    http://www.hunlock.com/blogs/Howto_D...script_And_CSS
    Programmer&Cracker CS
    MyBlog:Blog.Amahdy.com
    MyWebsite:www.Amahdy.com

  12. #12
    Join Date
    Dec 2008
    Posts
    8
    Thank you very much for your time! I'm looking over the step two article now! Unfortunately, I plan on using quite a large number of unique div's with their own css. Which makes step two the dreaded option i must choose!

    Thank you again! I really appreciate you putting it into plain English for me! I'm just getting into Javascript and AJAX so I'm pretty lost!


  13. #13
    Join Date
    Dec 2008
    Posts
    8
    oh no! im stuck again.. I am trying to include the CSS and .JS i found this nifty little function.. and added it to my old functions.js

    /////////////////////////////////////
    functions.js (new function only)//
    /////////////////////////////////////

    Code:
    var loadedobjects=""
    function loadobjs(){
    	if (!document.getElementById)
    	return
    	for (i=0; i<arguments.length; i++){
    		var file=arguments[i]
    		var fileref=""
    		if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
    			if (file.indexOf(".js")!=-1){ //If object is a js file
    				fileref=document.createElement('script')
    				fileref.setAttribute("type","text/javascript");
    				fileref.setAttribute("src", file);
    			}else if (file.indexOf(".css")!=-1){ //If object is a css file
    				fileref=document.createElement("link")
    				fileref.setAttribute("rel", "stylesheet");
    				fileref.setAttribute("type", "text/css");
    				fileref.setAttribute("href", file);
    			}
    		}
    		if (fileref!=""){
    			document.getElementsByTagName("head").item(0).appendChild(fileref)
    			loadedobjects+=file+" " //Remember this object as being already added to page
    		}
    	}
    }
    /*////////////////////////////How to use////////////
    loadobjs('external.css') //load one CSS file
    loadobjs('external.css', 'external2.css', 'feature.js') //load 2 CSS files & 1 JS file
    loadobjs('feature.js', 'feature2.js', 'feature3.js') //load 3 JS files
    *////////////////////////////////////////////////////
    nifty huh? well it works fine for the CSS unfortunatly my .js validation for the registration page it not coming through? here is my index file. I am calling the content just as before and inserting it into the information div. I'm also calling the css for the registration.php and the .js file. The CSS works.. but the .js does not?

    //////////////////////////
    index.php (menu only)/
    /////////////////////////

    HTML Code:
    	<div class="dock-container">
    			<a class="dock-item" onclick="showRegistration(); loadobjs('./css/registration.css','./includes/live_validation/live_validation.css','./includes/live_validation/live_validation.js')" href="javascript://"><img src="./css/images/registrationbutton.png" alt="Registration" /><span>Registration</span></a> 
    			<a class="dock-item" onclick="showNews()" href="javascript://"><img src="./css/images/newsbutton.png" alt="News" /><span>News</span></a> 
    			<a class="dock-item" href="#"><img src="./css/images/howtobutton.png" alt="How To" /><span>How To</span></a> 
    			<a class="dock-item" onclick="showStore()" href="javascrip://"><img src="./css/images/storebutton.png" alt="Store" /><span>Store</span></a> 
    			<a class="dock-item" href="#"><img src="./css/images/statisticsbutton.png" alt="Statistics" /><span>Statistics</span></a> 
    		</div>
    Im assuming there might be some issue with the javascript contained in the functions.js unfortunately I am not adept enough to find it. *the index dock div is just a place holder for my menu system*

  14. #14
    Join Date
    Oct 2005
    Location
    Maady
    Posts
    1,819
    make sure that u load the js "BEFORE" the registration.php ... and also I suggest to test the whole js with the registration page to make sure that the js is fully woking and has no problems ... have u tried to use the "error console" built in FireFox or Chrome ?
    Programmer&Cracker CS
    MyBlog:Blog.Amahdy.com
    MyWebsite:www.Amahdy.com

  15. #15
    Join Date
    Dec 2008
    Posts
    8
    apparently my brain is completely void of common sense! thanks for pointing out the order issue.. and i am now using the error console within FF thanks again! that makes life easier!

Similar Threads

  1. Replies: 2
    Last Post: 05-29-2008, 02:19 PM
  2. using an AJAX function to return a value
    By k285715 in forum AJAX
    Replies: 0
    Last Post: 06-18-2007, 12:06 PM
  3. unable to register ajax server class
    By shoham78 in forum AJAX
    Replies: 0
    Last Post: 05-16-2007, 12:44 PM
  4. Replies: 0
    Last Post: 05-04-2007, 12:20 PM
  5. New forum + some AJAX links
    By Lori in forum AJAX
    Replies: 0
    Last Post: 02-09-2006, 02:26 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center
 
 
FAQ
Latest Articles
Java
.NET
XML
Database
Enterprise
Questions? Contact us.
C++
Web Development
Wireless
Latest Tips
Open Source


   Development Centers

   -- Android Development Center
   -- Cloud Development Project Center
   -- HTML5 Development Center
   -- Windows Mobile Development Center