- Screen name: whitesnow1
whitesnow1's Profile
6 Posts
2 Responses
0
Followers
Show:
- Expanded view
- List view
Private Message
- Hi,I have a form that uses a jquery tab. I am posting data to php using the following,var jqxhr = $.post(
"cgi-bin/docallrecord.php",
{ id: "1",
tablename: tablename,
startdate: stdate,
enddate: enddate,
phonetype: phonetype,
phonenumber: phonenumber,
uploadedfile: upfname,
outformat: outformat
},
function(data) {
alert(data);
}
).done(function(){alert("success"); })
.fail(function(){alert("fail"); })
.always(function(){alert("complete successfully"); });I donot see the return code from php. The php is receiveing data and sending result back to jquery.Pls, help me how to debug this,Here is my php code,<?php$usrname=$_SERVER['PHP_AUTH_USER'];
$status=system("/usr/bin/perl authdd.pl tst",$retval);
if($retval == 1)
{
error_log("Access Denied",3,"/export/home/dpub/php.log");
echo "Access Denied.Please contact the Administrator";
exit();
}
else
{echo "success";
error_log("Access Allowed",3,"/export/home/dpub/php.log");
}
>Could anyone pinpoint what I am doing wrong?Thanks.- Hello,I am using the following for for jquery tab. When I open the following code in IE8, and resize my browser window to a smaller size, the tab page also changes its position. How do I make it not move when the IE is resized?<!DOCTYPE html>
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<link type="text/css" href="y/lnplerg.css" rel="stylesheet" title="LNP/LERG" media="all">
<script>
$(document).ready(function() {function validatePhonenumber(field){
var regex = /^[2-9][0-9][0-9][2-9][0-9][0-9][0-9][0-9][0-9][0-9]$/;
if(field.val() == ''){
alert("Phone number cannot be blank");
return false;
}
if(regex.test(field.val())) {
alert("valid phone number");
}
else {
alert("Enter valid phone number");
return false;
}
}$("#tabs").tabs();
$("#registerButton").click(function() {
var selected = $('#tabs').tabs('option', 'selected');if(selected == 0) {
//alert($('#orignum').val());
//alert(selected);
validatePhonenumber($('#orignum'));
}
});$("#registerButton1").click(function() {
var selected = $('#tabs').tabs('option','selected');alert($('#cic_cd').val());
alert(selected);
});
});
</script>
</head>
<body style="font-size:62.5%;">
<div id="tabs">
<ul>
<li><a href="#fragment-1"><span>One</span></a></li>
<li><a href="#fragment-2"><span>Two</span></a></li>
<li><a href="#fragment-3"><span>Three</span></a></li>
</ul>
<div id="fragment-1">
<label for="Orig Number">Orig Number</label>
<input id="orignum" name="orignum" /><!-- <input type="file" name="filesToUpload" id="filesToUpload" onchange="makeFileList();"> -->
<input type="file" name="filesToUpload" id="filesToUpload">
<label class="formItemLabel" for="cic">NPA-NXX-L
:</label >
<textarea cols="20" rows="1" placeholder="NANP NPA-NXX-L"></textarea><input type="file" name="fileNpanxxl" id="fileNpanxxl"><a class="lookup">Lookup</a><span class="lookupWait invisible">Wait...</span>
<p class="submit">
<button id="registerButton" type="submit">Register</button>
</p>
</div>
<div id="fragment-2">
<label for="Cic_cd">Cic Code</label>
<input id="cic_cd" name="cic_cd " />
<p class="submit"><button id="registerButton1" type="submit">Register </button>
</div>
<div id="fragment-3">
<p>Tab3</p>
</div>
</div>
</body>
</html>Thanks.- Hello,I have created a page containing jquery tab. It has 3 tab pages,each page has 2 text input control, 2 file controls and datepicker date control. When I open the page in IE and resize the browser, the controls are getting realinged. How do I make them not realign meaning when I shrink the browser size, the contents should stay in the same place as originally placed?Could you please provide pointers to solve this?Thanks.
- Hi,I am trying to clear the File input on certain criteria. I am trying the following code and testing in IE and it doesnot work.Could anyone please help?//For IE$("#filesToUpload").replaceWith($("#filesToUpload").clone(true));
//For other browsers
$('#filesToUpload').val("");Thanks.- I have created a textbox control. Now I want to create a fileselect control and use the textbox control to display the file selected. How do I do that?Basically , I should be able to enter the input in the textbox or select the file. I want to use the same area used by the id orignum to display the file selected?<label for="Orig Number">Orig Number</label>
<input id="orignum" name="orignum" /><input type="file" name="filesToUpload" id="filesToUpload">Both the controls appear inside the jquery tab page.Please advise how I can accomplish this?Thanks.
- Hi,I am a newbie to front end development. I need to create a 3 tab-pages. Each page has 2 or more input controls. The number of controls varies for each tab.I looked into lots of tutorial which explains how to create the tab page suing Jquery. Now, I created a text control in first page.What needs to be done in the js? meaning how do I bind the text control to the tab page? and how to read the value of the controls when the tab page is clicked?Here is the code snippet I used,<!DOCTYPE html>
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
$(document).ready(function() {
$("#tabs").tabs();
});
</script>
</head>
<body style="font-size:62.5%;">
<div id="tabs">
<ul>
<li><a href="#fragment-1"><span>One</span></a></li>
<li><a href="#fragment-2"><span>Two</span></a></li>
<li><a href="#fragment-3"><span>Three</span></a></li>
</ul>
<div id="fragment-1">
<label for="Orig Number">Orig Number</label>
<input id="orignum" name="orignum" />
</div>
<div id="fragment-2">
<p>Tab2</p>
</div>
<div id="fragment-3">
<p>Tab3</p>
</div>
</div>
</body>
</html>- «Prev
- Next »
Moderate user : whitesnow1
© 2012 jQuery Foundation
Sponsored by
and others.


