Response title
This is preview!
- Screen name: andrew16296
- About Me: Left school in 83,, first job working for Plessey Telcom, Service Engineer, then Notts Uni 3yrs, Self employer TV engineer,
- Website:
andrew16296's Profile
22 Posts
19 Responses
0
Followers
Activity Trend
Last 30 days
Loading Chart...
Show:
- Expanded view
- List view
- I have ran into trouble with my booking form, I need to include 4 librarys on my page and it doesn't like it.These are the files I am including so far.<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script>
<script src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>I have no problem with the 3 librarys above, the github Validation file is for my datepicker...when I include the library below for my php validation on my booking form my datepicker stops working and dreamweaver greys out any script call that follows validation.js<script type="text/javascript" src="contact/validation/validation.js"</script>I am using <script> $(document).ready(function()
{
$("#datepicker").datepicker();
});
</script>I am not to sure which style of the noConflict() I should use, And were to place it on my page<script type="text/javascript">$.noConflict();// Code that uses other library's $ can follow here.</script>Any help PLSThanks andy- Can anyone help, I cant see why this code will not scroll to section 4 and when it does it goes to section 1. have checked the link and they seem to be working.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Website Horizontal Scrolling with jQuery</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="description" content="Website Horizontal Scrolling with jQuery" />
<meta name="keywords" content="jquery, horizontal, scrolling, scroll, smooth"/>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
</head>
<style>
a{
color:#fff;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
span.reference{
position:fixed;
left:10px;
bottom:10px;
font-size:13px;
font-weight:bold;
}
span.reference a{
color:#fff;
text-shadow:1px 1px 1px #000; /* to blurry sort this later */
padding-right:20px;
}
span.reference a:hover{
color:#ddd;
text-decoration:none;
}</style>
<body>
<div class="section black" id="section1">
<h2>Section 1</h2>
<p>
MY Spectre around me night and day
Like a wild beast guards my way;
My Emanation far within
Weeps incessantly for my sin.
</p>
<ul class="nav">
<li>1</li>
<li><a href="#section2">2</a></li>
<li><a href="#section3">3</a></li>
<li><a href="#section4">4</a></li>
</ul>
</div>
<div class="section white" id="section2">
<h2>Section 2</h2>
<p>
‘A fathomless and boundless deep,
There we wander, there we weep;
On the hungry craving wind
My Spectre follows thee behind.</p>
<ul class="nav">
<li><a href="#section1">1</a></li>
<li>2</li>
<li><a href="#section3">3</a></li>
<li><a href="#section4">4</a></li>
</ul>
</div>
<div class="section black" id="section3">
<h2>Section 3</h2>
<p>
‘He scents thy footsteps in the snow
Wheresoever thou dost go,
Thro’ the wintry hail and rain.
When wilt thou return again?</p>
<ul class="nav">
<li><a href="#section1">1</a></li>
<li><a href="#section2">2</a></li>
<li>3</li>
<li><a href="#section4">4</a></li>
</ul>
</div>
<div class="section black" id="section4">
<h2>Section 4</h2>
<p>
‘He who drinks
too much 'old specklen hen',
will rule the rust.</p>
<ul class="nav">
<li><a href="#section1">1</a></li>
<li><a href="#section2">2</a></li>
<li><a href="#section3">3</a></li>
<li>4</li>
</ul>
</div><!-- The JavaScript -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>
<script type="text/javascript">
$(function() {
$('ul.nav a').bind('click',function(event){
var $anchor = $(this);
/*
if you want to use one of the easing effects:
$('html, body').stop().animate({
scrollLeft: $($anchor.attr('href')).offset().left
}, 1500,'easeInOutExpo');
*/
$('html, body').stop().animate({
scrollLeft: $($anchor.attr('href')).offset().left
}, 1000);
event.preventDefault();
});
});
</script>
</body>
</html>- 11-Feb-2013 04:48 AM
- Forum: Getting Started
Have a this problem with fire fox i am using 18.0.2 version
am using this code to play video in all browers, and am using the brower's own players.
All works well in IE, Chrome, Safari, the play duration scroll bar will away's return to the start of the video, but in FF the play indicator stops at the end of the video, leaving a empty Black/blank/ screen.
the code is standard : I have muted & onDurationChange these items have no effect on player yet so can be removed.
If i use my own player in FF the video goes back to the start, but just like to no what can be done to make FF go back to the start when using the FF player.
<video id=0 controls width="420" height="236" audio="muted" poster="data/images/poster-Gangnam-Stylegen.jpg" onDurationChange="1.06" id="screen">
<source src="data/video/PSY Gangnam Stylegen.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
<source src="data/video/PSY Gangnam Stylegen.webm" type='video/webm; codecs="vp8, vorbis"' />
<source src="data/video/PSY Gangnam Stylegen.ogv" type='video/ogg; codecs="theora, vorbis"' />
<p id="not-supported">Sorry, your browser does not support the <em>video</em> element.</p> </video>
Thanks andy- HTML5 Video question:If you take the idea of pretty photos, When you run prettyphotos the screen goes translucent, if you want it to of coures and then the photos are shown,,, Can this effect working when playing Video. likeYou have a poster image of your video, a small thum, and when it is selected the video player pops up, and plays the video with the image of the page behide it, from were it came,, (translucent) may not be the word .Is there any examples of this in action.orPlugin
- Can anyone shed somelight on this problemI have my code that will show Video on the main 4 Browers IE FF chrome & Safari all works well on my local machine.Uploaded the code to the server and Firefox shows the player and controls work but no video, Chrome shows Black box with the Divx logo controls work but no video, Safari & IE all works fine.Am using :http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js and /js/player.js<div id="player">
<video width="640" height="360" id="screen">
<source src="data/video/PSY Gangnam Stylegen.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="data/video/PSY Gangnam Stylegen.webm" type='video/webm; codecs="vp8, vorbis"'>
<source src="data/video/PSY Gangnam Stylegen.ogv" type='video/ogg; codecs="theora, vorbis"'>
<p id="not-supported">Sorry, your browser does not support the <em>video</em> element.</p>
</video>
<div id="play-pause-btn">
</div>
<div id="seekbar">
</div>
<div id="mute-btn">
</div>
</div>Thanks for any help- 11-Jan-2013 04:12 PM
- Forum: Using jQuery UI
The Question / help I am asking for as been asked before but i Can not see any answer for it. So need advice/help with this Nivo Slider. I have 11 images and roughly they are 34K to 50K in size.. when running my webpages from my PC and not from my server the slider runs fast with no delays.
Am getting around 9 seconds before the first image is shown.
Have seen this CSS code on net,,,, #slider img{display:block !important} or this ,,, .nivoSlider img:not(:first-child) {display:none;}and both work, and show an image from the start. But and this is the problem, The first image show's ok, then the second image show's ok BUT when the third image loads you see the first image until the third as completely loaded... and so on fourth loads but you see the first etc. As if am saying to the user, Please wait loading images.am using jquery-1.7.1.min.js and jquery.nivo.slider2.7.1.jsThanks for any help on this- My Form which has Enter name and address ect is a PHP Vaildated form, And is on the same page as the datepicker with its own Validation. The Php form comes first then the datepicker comes last.I couldnt get both to work together on the same page, the php work's and vaildates the name & email address ect, but skipped the vaildated for the picker..is this because it goes off to the server and come's back after the checks. Or can you not have a Php Vaildation and Standed form vaildation running on the same page, OFF one Submit button.The datepicker & vaildation work on there own page. But not together.Thanks andy
- Am trying to vaildate this datepicker As a { required field } only. When submit is pressed.Help needed with code to Vaildate this datepicker, cant get an error message from it.<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js"></script><script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script>
<script src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>
<title>Reservations and booking form</title>
</head><body>
<script>
$(document).ready(function()
{
$("#myForm").validate();
});
</script>
<script>
$(document).ready(function()
{
$("#datepicker").datepicker();
});
</script>
<script>
$(function() {
$.datepicker.setDefaults({dateFormat: 'DD, d MM yy', autoSize: true,
minDate: -0, maxDate: '+1M +05D', showOn: 'button',
buttonimage: '/contact/images/calender.gif', buttonimageOnly: true, });
$('input[name="Your Check In Date Is"],input[name="Your Check Out Date Is"]').datepicker();
});
</script>
<!-- <script>
$("#myForm").validate();
</script>-->
<script type="text/javascript">
$("#datepicker").validate({
rules: {
start_date: "required"
},
messages: {
start_date: 'A Date is required'
}
});$("#start_date").datepicker();
</script>
<script type="text/javascript">
$(function(){
$("input[name='Your Check In Date Is']").datepicker();
$("input[name='Your Check Out Date Is']").datepicker();
});
</script>
<!-- myForm -->
<form id="myForm" method="post">
<input class="start_date" id="start_date" name="start_date" size="30" type="text" />
<form method="post" id="myForm">
<label for="datepicker">Select Your Check In Date</label>
<form method="post" id="myForm">
<input name="Your Check In Date Is" maxlength="30" class="text ui-widget-content ui-corner-all" />
<label for="datepicker">Select Your Check Out Date</label>
<input name="Your Check Out Date Is" maxlength="30" class="text ui-widget-content ui-corner-all" />
<p>
<input type="submit" id="submit" name="submit" value="Click To Comfirm Your Booking Details" />
</form>
Any tips thanks andy- 04-Dec-2012 03:28 PM
- Forum: Using jQuery
Can this be done. I want to call this script below
<script>
$(document).ready(function(){
$("#commentForm").validate();
});
</script>then Let it do what it does, and then end the function (Kill it) so that i can then call this<script>
$(document).ready(function()
{
$("#datepicker").datepicker();
});
</script>with out one canceling out the other.or Can these be conbined.also : same question having this in the head<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>and this<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script>
cancels each other out ??? how can i use them togetherThanks andy
- Am trying to use my php form vaildation to check the form field of the datepicker for a empty field, on submitting of the completed form. I think i need to pass ( what is inside .datepicker() ) into the vaildate form field. But dont know how to do it..The code below all works, But as datepicker makes it's own form input how would i include that into the Vaildation i have.This is my php code :<?php// Set required fields
$required_fields = array('fullname','fulladdress','email','comment','checkforblankfield');// set error messages
$error_messages = array(
'fullname' => 'Please enter a Name to proceed.',
'fulladdress' => 'Please enter your Contact Address to proceed.',
'email' => 'Please enter a valid Email Address to continue.',
'comment' => 'Please enter your Message to continue.',
'checkforblankfield' => 'You need to select a Date.' // check for NO input into datepicker form
);// Set form status
$form_complete = FALSE;// configure validation array
$validation = array();// check form submittal
if(!empty($_POST)) {
// Sanitise POST array
foreach($_POST as $key => $value) $_POST[$key] = remove_email_injection(trim($value));
// Loop into required fields and make sure they match our needs
foreach($required_fields as $field) {
// the field has been submitted?
if(!array_key_exists($field, $_POST)) array_push($validation, $field);
// check there is information in the field?
if($_POST[$field] == '') array_push($validation, $field);
// validate the email address supplied
if($field == 'email') if(!validate_email_address($_POST[$field])) array_push($validation, $field);
}
// basic validation result
if(count($validation) == 0) {
// Prepare our content string
$email_content = 'New Website Comment: ' . "\n\n";
// simple email content
foreach($_POST as $key => $value) {
if($key != 'submit') $email_content .= $key . ': ' . $value . "\n";
}
// if validation passed ok then send the email
mail($email_to, $email_subject, $email_content);
// Update form switch
$form_complete = TRUE;
}
}function validate_email_address($email = FALSE) {
return (preg_match('/^[^@\s]+@([-a-z0-9]+\.)+[a-z]{2,}$/i', $email))? TRUE : FALSE;
}function remove_email_injection($field = FALSE) {
return (str_ireplace(array("\r", "\n", "%0a", "%0d", "Content-Type:", "bcc:","to:","cc:"), '', $field));
}?>// This is the php form and datepicker :<head><!-- Contact Form Designed by James Brand @ dreamweavertutorial.co.uk -->
<!-- Covered under creative commons license - http://dreamweavertutorial.co.uk/permissions/contact-form-permissions.htm -->
<link href="contact/css/contactform.css" rel="stylesheet" type="text/css" />
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/redmond/jquery-ui.css" rel= "stylesheet" type="text/css"/>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/mootools/1.3.0/mootools-yui-compressed.js"></script>
<script type="text/javascript" src="contact/validation/validation.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script>
<script type="text/javascript">
var nameError = '<?php echo $error_messages['fullname']; ?>';
var fulladdress ='<?php echo $error_messages['fulladdress']; ?>';
var emailError = '<?php echo $error_messages['email']; ?>';
var commentError = '<?php echo $error_messages['comment']; ?>';
var checkforblankfield = '<?php echo $error_messages['checkforblankfield']; ?>';
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
</script>
<title>Reservations and booking form</title>
</head><body onload="MM_preloadImages('contact/images/x.png')">
<body style="font-size:62.5%;">
<div id="formWrap">
<h2>Bookings & Reservations</h2>
<div id="form">
<?php if($form_complete === FALSE): ?>
<form action"contact.php" method="post" id="comments_form">
<div class="row">
<div class="label">Full Name</div> <!--end . label -->
<div class="input">
<input type="text" id="fullname" class="detail" name="fullname" value="<?php echo isset($_POST['fullname'])? $_POST['fullname'] : ''; ?>
" />
<?php if(in_array('fullname', $validation)): ?><span class="error"><?php echo $error_messages['fullname']; ?></span><?php endif; ?>
</div> <!-- end . input -->
<div class="context"> POP a MESSAGE HERE </div> <!--end . context -->
</div> <!-- end .row -->
<!-- End of Your Name Block --><!-- Start of datepicker --><script>
$(document).ready(function()
{
$("#datepicker").datepicker();
});
</script>
<!-- $(selector).datepick({dateFormat: 'yyyy-mm-dd'}); for my example --><script>
<!-- does ValidateDateCompare Validate for empty field when submit pressed -->
$(function() {
$.datepicker.setDefaults({dateFormat: 'DD, d MM yy', autoSize: true,
minDate: -0, maxDate: '+1M +05D', showOn: 'button',
buttonImage: '/contact/images/calendar.gif', buttonImageOnly: true, });
$('input[name="Your Check In Date Is"],input[name="Your Check Out Date Is"]').datepicker();
});
</script>
<!-- Start of Date field input Block that i want to check for empty field on the datepicker --><!- how to take what is inside .datepicker and work it into the code below -->
<div class="row">
<div class="label">checkforblankfield</div> <!--end . label -->
<div class="input">
<input type="text" id="checkforblankfield" class="detail" name="checkforblankfield" value=<?php echo isset($_POST['checkforblankfield'])? $_POST['checkforblankfield'] : ''; ?>"" /><?php if(in_array('checkforblankfield', $validation)): ?><span class="error"><?php echo $error_messages['checkforblankfield']; ?></span><?php endif; ?>
</div> <!-- end . input -->
</div> <!-- end .row -->
<!-- End of Block -->
<!-- Place the Selected Dates into .datepicker() and Email -->
<script type="text/javascript">
$(function(){
$("input[name='Your Check In Date Is']").datepicker();
$("input[name='Your Check Out Date Is']").datepicker();
});
</script>
<label for="datepicker">Select Your Check In Date</label>
<form method="post" id="myForm">
<input name="Your Check In Date Is" maxlength="30" class="text ui-widget-content ui-corner-all" />
<label for="datepicker">Select Your Check Out Date</label>
<input name="Your Check Out Date Is" maxlength="30" class="text ui-widget-content ui-corner-all" />
<!-- End of datepicker -->
<!-- Start of submit -->
<div class="submit">
<input type="submit" id="submit" name="submit" value="Click To Comfirm Your Booking Details" />
</div> <!-- end .submit -->
<!-- End of Submit -->
</form>
<div id="footer">
<p>© <?php echo date('Y'); ?> Copyright Webber's InterConinental Tours... All rights reserved.</p>
</div><!-- end footer -->
<?php else: ?>
<p style="font-size:35px; font-family:Arial, Helvetica, sans-serif; color:#255E67; margin-left:25px;">You are now being redirected to the secure payment site</p><script type="text/javascript">
setTimeout('ourRedirect()', 5000)function ourRedirect(){
location.href='http://philippines4u.co.uk/PayPal Manila Condo form.html'
}</script><?php endif; ?>
</div> <!--end #form -->
</div> <!-- end formWrap -->
</body>
</html>- My date picker is joined into my Contact form on pressing the Submit button all fields on the form are validated ok.
how would i validate,,,,, that a date as been selected and not submitted with an empty field. below is my code
<!-- Start of datepicker -->
<script>
$(document).ready(function()
{
$("#datepicker").datepicker();
});
</script>
<!-- $(selector).datepick({dateFormat: 'yyyy-mm-dd'}); for my example -->
<script>
$(function() {
$.datepicker.setDefaults({dateFormat: 'DD, d MM yy', autoSize: true,
minDate: -0, maxDate: '+1M +05D', showOn: 'button',
buttonImage: '/contact/images/calendar.gif', buttonImageOnly: true, });
$('input[name="Your Check In Date Is"],input[name="Your Check Out Date Is"]').datepicker();
});
</script>
<script type="text/javascript">
$(function(){
$("input[name='Your Check In Date Is']").datepicker();
$("input[name='Your Check Out Date Is']").datepicker();
});
</script>
<label for="datepicker">Select Your Check In Date</label>
<form method="post" id="myForm">
<input name="Your Check In Date Is" maxlength="30" class="text ui-widget-content ui-corner-all" />
<label for="datepicker">Select Your Check Out Date</label>
<input name="Your Check Out Date Is" maxlength="30" class="text ui-widget-content ui-corner-all" />
<!-- End of datepicker -->
<!-- Start of submit -->
<div class="submit">
<input type="submit" id="submit" name="submit" value="Click To Comfirm Your Booking Details" />
</div> <!-- end .submit -->
<!-- End of Submit -->
</form>
<div id="footer">
<p>© <?php echo date('Y'); ?>Copyright Webber's InterConinental Tours... All rights reserved.</p>
</div><!-- end footer -->
<?php else: ?>
<p style="font-size:35px; font-family:Arial, Helvetica, sans-serif; color:#255E67; margin-left:25px;">You are now being redirected to the secure payment site</p>
<script type="text/javascript">
setTimeout('ourRedirect()', 5000)
function ourRedirect(){
location.href='http://philippines4u.co.uk/PayPal Manila Condo form.html'
}
</script>
<?php endif; ?>
</div> <!--end #form -->
</div> <!-- end formWrap -->
</body>
</html>
Have been working with this code if($("#fieldID").val() == "") { alert("no date selected"); } But i Cant make it work.- Need help with a css hack for firefox browers.15.0.1 versionThis is the screen shot that works in all browers accept firefox.This screen shot is from firefox as you can see the last Button is partly coved with the header called Our PackagesThis is the css that place's the header called Out Packages under the row of buttons#packagesheader {
position: absolute;
top: 163px;
margin-top: 60px; /* 60px or 6em works in all browers but not firefox the header for Our packages does not show correctly it covers the last Button called Contact Us */
left: 448px;
}have used this css code in my page,s w\idth: padd\ing: ,,,,,but dont no what to do for margin-top for firefox.- A simpler question is why does'nt the datepicker's standard form expand with the date format that is passed to it,or is my code so messed up. because i want it to fill the date format dateFormat: 'DD, d MM yy cos mine not expand to show the mth and year. this is the code.<!-- Start of datepicker --><script>
$(document).ready(function() {
$("#datepicker").datepicker();
});
</script>
<!-- Use this function to set all Datepickers Defaults Bang them all in the here -->
<script>
$.datepicker.setDefaults({dateFormat: 'DD, d MM yy' , minDate: -0, maxDate: "+1M +05D" });
<!-- , minDate: -0, maxDate: "+1M +05D" -->
</script>
<!-- $(selector).datepick({dateFormat: 'yyyy-mm-dd'}); for my example -->
<script type="text/javascript">
$(function(){
$("input[name='Your Start Date is']").datepicker({ <!-- depart date is -->
showOn: "button",
buttonImage: "/contact/images/calendar.gif",
buttonImageOnly: true
});
$("input[name='Your End Date is']").datepicker({ <!-- leave date is -->
showOn: "button",
buttonImage: "/contact/images/calendar.gif",
buttonImageOnly: true
});
});
</script>
<script type="text/javascript">
$(function(){
$("input[name='Your Start Date is']").datepicker();
$("input[name='Your End Date is']").datepicker();
});
</script><form name="myForm" method="post">
<input name="Your Start Date is" maxlength="30" />
<input name="Your End Date is" maxlength="30" />
<!-- End of datepicker -->
<!-- Start of submit -->
<div class="submit">
<input type="submit" id="submit" name="submit" value="Send Message" />
</div> <!-- end .submit -->
<!-- End of Submit -->
</form>
<p>© <?php echo date('Y'); ?> Web Master Andrew Webber</p> <!-- one data uL take over the world but not to day --?
- 26-Aug-2012 02:05 PM
- Forum: Using jQuery Plugins
I need to make length of the datepicker's input form, large enough to display the date format am using$.datepicker.setDefaults({dateFormat: 'DD, d MM yy' , minDate: -0, maxDate: "+1M +05D" });Cant make it work with AltField and size of the field,, and i am not using a custom css- 14-Aug-2012 03:35 PM
- Forum: Getting Started
Me and my datepicker again haha,,Looking to change the date format to DD, d MM yy..and i have it working,, with this code :<script>
jQuery.datepicker.setDefaults({dateFormat:"DD, d MM yy"});
</script>Or this<script>
$.datepicker.setDefaults({dateFormat: 'DD, d MM yy'});
<!-- $('#datepicker1, #datepicker2').datepicker(); --></script>
but its not how the demo show you, This being the Demo and the rest of my code:Demo<script type="text/javascript">
$(function(){
$( "#datepicker" ).datepicker();
$( "#format" ).change(function() {
$( "#datepicker" ).datepicker({dateFormat: 'DD, d MM, yy'}); <!-- FULL Format -->
});
I just wonder why the above doesnt work And which is best to use from the two that does work if to us them at all, is there any draw backs using them .
$("input[name='Your Start Date is']").datepicker({
showOn: "button",
buttonImage: "/contact/images/calendar.gif",
buttonImageOnly: true
});
$("input[name='Your End Date is']").datepicker({
showOn: "button",
buttonImage: "/contact/images/calendar.gif",
buttonImageOnly: true
});
});
</script>
<script type="text/javascript">
$(function(){
$("input[name='Your Start Date is']").datepicker();
$("input[name='Your End Date is']").datepicker();
});
</script>- 13-Aug-2012 02:05 PM
- Forum: Using jQuery UI
Just a simple Question,,, In time I want to edit the css file that comes with any Customize Build.UI pluging.At this minit am using<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/redmond/jquery-ui.css" rel= "stylesheet" type="text/css"/> to run my datepicker.and has it is on there server it cant be edited.In the help on using the Customize Build, it tell you that you need just 3 files Ref's to make your App work,these are them.<link type="text/css" href="contact/css/redmond/jquery-ui-1.8.22.custom.css" rel="Stylesheet" />
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.22.custom.min.js"></script>and My question is.......... using these 3 Ref''s why does the datepicker stop working and does not show.All my links to these files are Bang on. removing them and going back to Google site link works
- A None jQuery problem has come back,So am thinking that you guys on here would on the Answer to this problem.Am working on a PHP form that has the datepicker init. I have added a new css file just to change the size of the picker, and it all works fine in IE9, all works fine if viewing it, with-in the root of file-server (On the server).But trying to View it in firefox, chorme, and safari they all show the old format for the calender. Which is to Big.Have changed the setting in these browers and clean the history from year Dot, ect.So dont no were this cache is coming from,,,,,,its been the same for 48hr P.S I have programs like CCleaner ect.Thanks for any tip's
- Problem,,, I have my web pages on a server, thats all singing & dancing, they are not up on the 'WEB' as am testing them.Uploaded by DW.Anyway am editing the css file of my php contact form, I save file in DW, I up load to the server, I preview in all the browers i have,,, and there is not change to the layout of the form. The Css file has changed on the server, And in design code layout in DW you see the change to the form.How do you stop this sort of cache'ing' in these browers,or that is at fault here.Thanks andy
- 06-Aug-2012 11:17 AM
- Forum: Using jQuery Plugins
If you can only initialise the date picker once how would you kill the first and then start another so you can have two on one page.- Using one picker works fine, but if i double up the functions & the forms like below, the second picker dosent get returned, I only get the first picker (Your start date is) emailed back. I have tryed laying out the code as script function, form script function, form but still dont return second picker date, why would that be.<script type="text/javascript">
$(function(){
$("input[name='Your Start Date is']").datepicker();
})
</script>
<script type="text/javascript">
$(function(){
$("input[name='Your End Date is']").datepicker();
})
</script><!-- Start of datepicker 1 Select Start date -->
<form name="myForm" method="post">
<input name="Your Start Date is" maxlength="10" />
</form>
<!-- End of datepicker 1 Select Start date -->
<!-- Start of datepicker 2 Select End date -->
<form name="myForm1" method="post">
<input name="Your End Date is" maxlength="10" />
</form>
<!-- End of datepicker 2 Select End date -->- Using the Datepicker,,,Could someone show me ,What is the simples way to get the date's selected emailed back to me.
- 07-Jul-2012 05:43 PM
- Forum: Using jQuery Plugins
I have this code and for the life of me cant get the calender to show on screen.The code is done in DW cs6,As you can see i have included different versions of jquery just to see which one would work,,but none do.I no that i dont need them all in there, but am running out of ideas to get it to work.should this be writen like this $(document).ready(function)()or like this$("document").ready(function)()or like this$('document').ready(function)() which ever way I write it ,it doesnt work.Have watched tutorial and looked and code from books.This code came from u tube and it works,,,, but not on my PC. All i get on screen is the empty form box.This is the link to the datepicker that i have been watching all this afternoon, seeing were am going wrong.<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="jquery.ui-1.5.2/themes/ui.datepicker.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery.ui-1.5.2/ui/ui.datepicker.js"></script>
<script type="text/javascript" src="jquery-ui-1.7.2/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.ui-1.5.2/jquery-1.2.6.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.21.custom/js/jquery-ui-1.8.21.custom.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.21.custom/js/jquery-1.7.2.min.js"></script><script type="text/javascript">$(document).ready(function)()
{
$('#datepickerID').datepicker();
}
);
</script>
</head><body>
<form id="form1" name="form1" method="post" action="">
<label for="datepickerID"></label>
<input type="text" name="datepickerID" id="datepickerID" />
</form></body>
</html>Thank you for looking and hope you can help me ,,,andy
© 2012 jQuery Foundation
Sponsored by
and others.