Moving my yii folder to a new server breaks ajax button

Archives Yii 1.0.x Discussions
1

I moved my yii site to a new server and now when I try to use an ajax button it doesn't work correctly… any thoughts?

2

What is the generated HTML source related with the ajax button (both HTML and js)?

3

Here is the generated html page with js functions:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">


<head>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<meta name="language" content="en" />


<link rel="stylesheet" type="text/css" href="/noah/tist_server/css/main.css"/><link rel="stylesheet" type="text/css" href="/noah/tist_server/assets/ebe64e46/autocomplete/jquery.autocomplete.css"/>


<script type="text/javascript" src="/noah/tist_server/assets/ebe64e46/jquery.js"></script>


<script type="text/javascript" src="/noah/tist_server/assets/ebe64e46/jquery.bgiframe.js"></script>


<script type="text/javascript" src="/noah/tist_server/assets/ebe64e46/jquery.dimensions.js"></script>


<script type="text/javascript" src="/noah/tist_server/assets/ebe64e46/jquery.ajaxqueue.js"></script>


<script type="text/javascript" src="/noah/tist_server/assets/ebe64e46/jquery.autocomplete.js"></script>


<script type="text/javascript" src="/noah/tist_server/assets/ebe64e46/jquery.yii.js"></script>





<title>TIST Web Portal - Create User</title>


</head>





<body class ="page">





<div id="container">


  <div id="header">


	<h1>TIST Web Portal</h1>


  </div><!-- header -->





  <div id="sidebar">





		<div class="portlet">


<div class="content">


<ul>


<li><a href="/noah/tist_server/index.php?r=site">Home</a> </li>


<li><a href="/noah/tist_server/index.php?r=user">Manage Users</a> </li>


<li><a href="#" id="yt2">Logout</a></li>


</ul></div><!-- content -->


</div><!-- portlet -->  </div><!-- sidebar -->





  <div id="content">





    <h2>New User</h2>





<div class="actionBar">


[<a href="/noah/tist_server/index.php?r=user/admin">Manage Users</a>]


</div>





<div class="yiiForm">





<p>


Fields with <span class="required">*</span> are required.





</p>





<form action="/noah/tist_server/index.php?r=user/create" method="post">





<div class="simple">


<label for="UserForm_handheld_id" class="required">Handheld Id <span class="required">*</span></label><input size="50" maxlength="64" name="UserForm[handheld_id]" id="UserForm_handheld_id" type="text" value=""/></div>


<div class="simple">


<label for="UserForm_password" class="required">Password <span class="required">*</span></label><input size="50" maxlength="64" name="UserForm[password]" id="UserForm_password" type="password" value=""/></div>


<div class="simple">


<label for="UserForm_repeat_password" class="required">Repeat Password <span class="required">*</span></label><input size="50" maxlength="64" name="UserForm[repeat_password]" id="UserForm_repeat_password" type="password" value=""/></div>


<div class="simple">





<label for="UserForm_type_of_device" class="required">Type Of Device <span class="required">*</span></label><input size="50" maxlength="64" name="UserForm[type_of_device]" id="UserForm_type_of_device" type="text" value=""/></div>


<div class="simple">


<label for="UserForm_country" class="required">Country <span class="required">*</span></label><select name="UserForm[country]" id="UserForm_country">


<option value="AF">Afghanistan</option>


<option value="AL">Albania</option>


<option value="DZ">Algeria</option>


<option value="AS">American Samoa</option>


<option value="AD">Andorra</option>





<option value="AO">Angola</option>


<option value="AI">Anguilla</option>


<option value="AQ">Antarctica</option>


<option value="AG">Antigua And Barbuda</option>


<option value="AR">Argentina</option>


<option value="AM">Armenia</option>


<option value="AW">Aruba</option>


<option value="AU">Australia</option>


<option value="AT">Austria</option>





<option value="AZ">Azerbaijan</option>


<option value="BS">Bahamas</option>


<option value="BH">Bahrain</option>


<option value="BD">Bangladesh</option>


<option value="BB">Barbados</option>


<option value="BY">Belarus</option>


<option value="BE">Belgium</option>


<option value="BZ">Belize</option>


<option value="BJ">Benin</option>





<option value="BM">Bermuda</option>


<option value="BT">Bhutan</option>


<option value="BO">Bolivia</option>


<option value="BA">Bosnia And Herzegowina</option>


<option value="BW">Botswana</option>


<option value="BV">Bouvet Island</option>


<option value="BR">Brazil</option>


<option value="IO">British Indian Ocean Territory</option>


<option value="BN">Brunei Darussalam</option>





<option value="BG">Bulgaria</option>


<option value="BF">Burkina Faso</option>


<option value="BI">Burundi</option>


<option value="KH">Cambodia</option>


<option value="CM">Cameroon</option>


<option value="CA">Canada</option>


<option value="CV">Cape Verde</option>


<option value="KY">Cayman Islands</option>


<option value="CF">Central African Republic</option>





<option value="TD">Chad</option>


<option value="CL">Chile</option>


<option value="CN">China</option>


<option value="CX">Christmas Island</option>


<option value="CC">Cocos (Keeling) Islands</option>


<option value="CO">Colombia</option>


<option value="KM">Comoros</option>


<option value="CG">Congo</option>


<option value="CD">Congo, The Democratic Republic Of The</option>





<option value="CK">Cook Islands</option>


<option value="CR">Costa Rica</option>


<option value="CI">Cote D&#039;Ivoire</option>


<option value="HR">Croatia (Local Name: Hrvatska)</option>


<option value="CU">Cuba</option>


<option value="CY">Cyprus</option>


<option value="CZ">Czech Republic</option>


<option value="DK">Denmark</option>





<option value="DJ">Djibouti</option>


<option value="DM">Dominica</option>


<option value="DO">Dominican Republic</option>


<option value="TP">East Timor</option>


<option value="EC">Ecuador</option>


<option value="EG">Egypt</option>


<option value="SV">El Salvador</option>


<option value="GQ">Equatorial Guinea</option>


<option value="ER">Eritrea</option>





<option value="EE">Estonia</option>


<option value="ET">Ethiopia</option>


<option value="FK">Falkland Islands (Malvinas)</option>


<option value="FO">Faroe Islands</option>


<option value="FJ">Fiji</option>


<option value="FI">Finland</option>


<option value="FR">France</option>


<option value="FX">France, Metropolitan</option>


<option value="GF">French Guiana</option>





<option value="PF">French Polynesia</option>


<option value="TF">French Southern Territories</option>


<option value="GA">Gabon</option>


<option value="GM">Gambia</option>


<option value="GE">Georgia</option>


<option value="DE">Germany</option>


<option value="GH">Ghana</option>


<option value="GI">Gibraltar</option>


<option value="GR">Greece</option>





<option value="GL">Greenland</option>


<option value="GD">Grenada</option>


<option value="GP">Guadeloupe</option>


<option value="GU">Guam</option>


<option value="GT">Guatemala</option>


<option value="GN">Guinea</option>


<option value="GW">Guinea-Bissau</option>


<option value="GY">Guyana</option>


<option value="HT">Haiti</option>





<option value="HM">Heard And Mc Donald Islands</option>


<option value="VA">Holy See (Vatican City State)</option>


<option value="HN">Honduras</option>


<option value="HK">Hong Kong</option>


<option value="HU">Hungary</option>


<option value="IS">Iceland</option>


<option value="IN">India</option>


<option value="ID">Indonesia</option>


<option value="IR">Iran (Islamic Republic Of)</option>





<option value="IQ">Iraq</option>


<option value="IE">Ireland</option>


<option value="IL">Israel</option>


<option value="IT">Italy</option>


<option value="JM">Jamaica</option>


<option value="JP">Japan</option>


<option value="JO">Jordan</option>


<option value="KZ">Kazakhstan</option>


<option value="KE">Kenya</option>





<option value="KI">Kiribati</option>


<option value="KP">Korea, Democratic People&#039;S Republic Of</option>


<option value="KR">Korea, Republic Of</option>


<option value="KW">Kuwait</option>


<option value="KG">Kyrgyzstan</option>


<option value="LA">Lao People&#039;S Democratic Republic</option>


<option value="LV">Latvia</option>


<option value="LB">Lebanon</option>





<option value="LS">Lesotho</option>


<option value="LR">Liberia</option>


<option value="LY">Libyan Arab Jamahiriya</option>


<option value="LI">Liechtenstein</option>


<option value="LT">Lithuania</option>


<option value="LU">Luxembourg</option>


<option value="MO">Macau</option>


<option value="MK">Macedonia, Former Yugoslav Republic Of</option>


<option value="MG">Madagascar</option>





<option value="MW">Malawi</option>


<option value="MY">Malaysia</option>


<option value="MV">Maldives</option>


<option value="ML">Mali</option>


<option value="MT">Malta</option>


<option value="MH">Marshall Islands</option>


<option value="MQ">Martinique</option>


<option value="MR">Mauritania</option>


<option value="MU">Mauritius</option>





<option value="YT">Mayotte</option>


<option value="MX">Mexico</option>


<option value="FM">Micronesia, Federated States Of</option>


<option value="MD">Moldova, Republic Of</option>


<option value="MC">Monaco</option>


<option value="MN">Mongolia</option>


<option value="MS">Montserrat</option>


<option value="MA">Morocco</option>


<option value="MZ">Mozambique</option>





<option value="MM">Myanmar</option>


<option value="NA">Namibia</option>


<option value="NR">Nauru</option>


<option value="NP">Nepal</option>


<option value="NL">Netherlands</option>


<option value="AN">Netherlands Antilles</option>


<option value="NC">New Caledonia</option>


<option value="NZ">New Zealand</option>


<option value="NI">Nicaragua</option>





<option value="NE">Niger</option>


<option value="NG">Nigeria</option>


<option value="NU">Niue</option>


<option value="NF">Norfolk Island</option>


<option value="MP">Northern Mariana Islands</option>


<option value="NO">Norway</option>


<option value="OM">Oman</option>


<option value="PK">Pakistan</option>


<option value="PW">Palau</option>





<option value="PA">Panama</option>


<option value="PG">Papua New Guinea</option>


<option value="PY">Paraguay</option>


<option value="PE">Peru</option>


<option value="PH">Philippines</option>


<option value="PN">Pitcairn</option>


<option value="PL">Poland</option>


<option value="PT">Portugal</option>


<option value="PR">Puerto Rico</option>





<option value="QA">Qatar</option>


<option value="RE">Reunion</option>


<option value="RO">Romania</option>


<option value="RU">Russian Federation</option>


<option value="RW">Rwanda</option>


<option value="KN">Saint Kitts And Nevis</option>


<option value="LC">Saint Lucia</option>


<option value="VC">Saint Vincent And The Grenadines</option>


<option value="WS">Samoa</option>





<option value="SM">San Marino</option>


<option value="ST">Sao Tome And Principe</option>


<option value="SA">Saudi Arabia</option>


<option value="SN">Senegal</option>


<option value="SC">Seychelles</option>


<option value="SL">Sierra Leone</option>


<option value="SG">Singapore</option>


<option value="SK">Slovakia (Slovak Republic)</option>


<option value="SI">Slovenia</option>





<option value="SB">Solomon Islands</option>


<option value="SO">Somalia</option>


<option value="ZA">South Africa</option>


<option value="GS">South Georgia, South Sandwich Islands</option>


<option value="ES">Spain</option>


<option value="LK">Sri Lanka</option>


<option value="SH">St. Helena</option>


<option value="PM">St. Pierre And Miquelon</option>


<option value="SD">Sudan</option>





<option value="SR">Suriname</option>


<option value="SJ">Svalbard And Jan Mayen Islands</option>


<option value="SZ">Swaziland</option>


<option value="SE">Sweden</option>


<option value="CH">Switzerland</option>


<option value="SY">Syrian Arab Republic</option>


<option value="TW">Taiwan</option>


<option value="TJ">Tajikistan</option>


<option value="TZ">Tanzania, United Republic Of</option>





<option value="TH">Thailand</option>


<option value="TG">Togo</option>


<option value="TK">Tokelau</option>


<option value="TO">Tonga</option>


<option value="TT">Trinidad And Tobago</option>


<option value="TN">Tunisia</option>


<option value="TR">Turkey</option>


<option value="TM">Turkmenistan</option>


<option value="TC">Turks And Caicos Islands</option>





<option value="TV">Tuvalu</option>


<option value="UG">Uganda</option>


<option value="UA">Ukraine</option>


<option value="AE">United Arab Emirates</option>


<option value="GB">United Kingdom</option>


<option value="US">United States</option>


<option value="UM">United States Minor Outlying Islands</option>


<option value="UY">Uruguay</option>


<option value="UZ">Uzbekistan</option>





<option value="VU">Vanuatu</option>


<option value="VE">Venezuela</option>


<option value="VN">Viet Nam</option>


<option value="VG">Virgin Islands (British)</option>


<option value="VI">Virgin Islands (U.S.)</option>


<option value="WF">Wallis And Futuna Islands</option>


<option value="EH">Western Sahara</option>


<option value="YE">Yemen</option>


<option value="YU">Yugoslavia</option>





<option value="ZM">Zambia</option>


<option value="ZW">Zimbabwe</option>


</select></div>


<div class="simple">


<label for="UserForm_role" class="required">Role <span class="required">*</span></label><select name="UserForm[role]" id="UserForm_role">


<option value="quantifier">Quantifier</option>


<option value="admin">Admin</option>


<option value="superuser">Super User</option>


</select></div>


<div class="simple">





<label for="quantifierLabel">Quantifier</label><input size="50" id="quantifier" type="text" value="" name="quantifier"/>


<input name="yt0" type="button" value="Add" id="yt0"/></div>





<div class = "simple">


<label id="quantifiersLabel" for="quantifiersLabel"></label>


<table id="quantifierTable">


</table>


</div>





<div class="action">


<input type="submit" name="yt1" value="Create"/></div>





</form>


</div><!-- yiiForm -->





<SCRIPT language="javascript">  


function addQuantifier(data, textStatus) {  


	if(data.length == 0) return;


	


	var table = document.getElementById('quantifierTable');  


	var rowCount = table.rows.length;  


	var row = table.insertRow(rowCount);  


	


	var cell1 = row.insertCell(0);  


	


	var element1 = document.createElement("input");  


	element1.type = "text";  


	element1.name = "Quantifiers[" + data + "]";


	element1.id = "Quantifiers_" + data;


	element1.value = data;


	element1.readOnly = "readonly";


	cell1.appendChild(element1); 


	


	var cell2 = row.insertCell(1);


	


	var element2 = document.createElement("input");


	element2.type = "button";


	element2.value = "Remove";


	element2.onclick = function() {


		removeQuantifier(element1.id);


	;}


	cell2.appendChild(element2);


	


	if(rowCount == 0) document.getElementById('quantifiersLabel').innerHTML = "Quantifiers";


}  





function removeQuantifier(rowId) {


	try {


		var table = document.getElementById('quantifierTable');


		var rowCount = table.rows.length;


		


		for(var i = 0; i < rowCount; i++) {


			var row = table.rows[i];


			if(row.cells[0].childNodes[0].id == rowId) {


				table.deleteRow(i);


				rowCount--;


				break;


			}


		}


		


		if(rowCount == 0) document.getElementById('quantifiersLabel').innerHTML = "";


	} catch(e) {


		alert(e);


	}


}





</SCRIPT>  </div><!-- content -->





  <div id="footer">


	<p>Copyright &copy; 2009 by TIST.<br/>


	All Rights Reserved.<br/>


	Powered by <a href="http://www.yiiframework.com/">Yii Framework</a>.</p>





  </div><!-- footer -->


</div><!-- container -->


<script type="text/javascript">


/*<![CDATA[*/


jQuery(document).ready(function() {


jQuery("#quantifier").autocomplete("/noah/tist_server/index.php?r=user/suggest",{'minChars':1,'max':100});


jQuery('#yt0').click(function(){jQuery.ajax({'success':addQuantifier,'type':'post','url':'/noah/tist_server/index.php?r=user/addquantifier','cache':false,'data':jQuery(this).parents("form").serialize()});return false;});


jQuery('#yt2').click(function(){jQuery.yii.submitForm(this,'',{'command':'logout'});return false;});


});


/*]]>*/


</script>


</body>





</html>

Basically the ajax add button sends the data in the auto complete text field to an action that checks if that value already exists and either sends back blank text ("") or it sends back the value in the field… (For sanitation purposes).

Whats broken is after adding 1 value, the add button breaks… it never calls the action.

-Noah

4

The HTML code seems normal to me. Does it work on your development machine? Did you try debugging it on the production server with firebug turned on? I noticed you have some custom js code to handle the ajax return value. Do they work as expected?

5

Hmm I was getting a php error that I guess was being suppressed on my machine!

Thanks for the tips!