jquery UI Datepicker will not display


Hi,  

I'm having issues getting the datepicker to display. I've done quite a bit of research on it and found other people have had the same problem but I tried their fixes and it still doesn't work.



The page is here [http://www.purpleblaze.com.au/test%202/](/posts/bad_link/1754156?url=http%3A%2F%2Fwww.purpleblaze.com.au%2Ftest%25202%2F)



I'm really struggling on this and I've spent quite a few hours on it. I've done exactly as the website says and it still doesn't work. I also have a validator on there but I tried removing that too to see if it worked but it didnt.



```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd](/posts/bad_link/1754156?url=http%3A%2F%2Fwww.w3.org%2FTR%2Fxhtml1%2FDTD%2Fxhtml1-transitional.dtd)">
<html xmlns="<http://www.w3.org/1999/xhtml>">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>I would like to enquiry</title>

<link rel="stylesheet" type="text/css" href="css/enquiry.css">
<link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.8.17.custom.css">

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.min.js"></script>

<script>
$.validator.setDefaults({
submitHandler: function() { alert("Enquiry Successful"); }
});
$().ready(function() {
// validate the comment form when it is submitted
// validate signup form on keyup and submit
$("#commentForm").validate({
rules: {
firstname: "required",
lastname: "required",
email: {
required: true,
email: true
},
phone_number: {
required: true,
digits: "true",
maxlength: 10
},
agree: "required"
},

messages: {
firstname: "Please enter your firstname",
lastname: "Please enter your lastname",
phone_number: {
required: "Please enter a phone number",
minlength: "Your phone number must be a maximum of 10 numbers"
},
password: {
required: "Please provide a password",
minlength: "Your password must be at least 5 characters long"
},
confirm_password: {
required: "Please provide a password",
minlength: "Your password must be at least 5 characters long",
equalTo: "Please enter the same password as above"
},
email: "Please enter a valid email address",
agree: "Please accept our policy"
}
});
// propose username by combining first- and lastname
$("#username").focus(function() {
var firstname = $("#firstname").val();
var lastname = $("#lastname").val();
if(firstname && lastname && !this.value) {
this.value = firstname + "." + lastname;
}
});
//code to hide topic selection, disable for demo
var newsletter = $("#newsletter");
// newsletter topics are optional, hide at first
var inital = newsletter.is(":checked");
var topics = $("#newsletter_topics")[inital ? "removeClass" : "addClass"]("gray");
var topicInputs = topics.find("input").attr("disabled", !inital);
// show when newsletter is checked
newsletter.click(function() {
topics[this.checked ? "removeClass" : "addClass"]("gray");
topicInputs.attr("disabled", !this.checked);
});
});


$(document).ready(function(){         
 $("#datepicker").datepicker(); 
 $('#ui-datepicker-div').removeClass('ui-helper-hidden-accessible');   
 }); 


</script>

</head>
       
<body>
	<form method="post" id="commentForm" action="">

	<h2>Make an enquiry</h2>
	
	<div style="float:left; margin-right:20px; width:400px;">
	<h3>Row highlighting</h3>
	<div class="contentA">
		<div class="row">
			<div class="left">First name *</div>

			<div class="right"><input id="firstname" name="firstname" type="text" size="27" /></div>
			<div class="clear"></div>
		</div>
		<div class="row">
			<div class="left">Last name *</div>
			<div class="right"><input id="lastname" name="lastname" type="text" size="27" /></div>
			<div class="clear"></div>
		</div>

		<div class="row">
			<div class="left">Email *</div>
			<div class="right"><input name="email" type="email" size="27" class="required email" /></div>
			<div class="clear"></div>
		</div>
		<div class="row">
			<div class="left">Phone *</div>
			<div class="right"><input name="phone_number" type="tel" size="27" maxlength="10" /></div>
			<div class="clear"></div>
		</div>
	</div>
	<hr />
		<div class="contentA">
		<div class="row">
			<div class="left">Departure Date</div>
			<div class="right"><input id="datepicker" type="text" /> </div>
            <div class="clear"></div>
                        
		</div>
		<div class="row">
			<div class="left">Returning Date</div>
			<div class="right"><input name="Text1" type="text"/></div>
			<div class="clear"></div>
		</div>
		<div class="row">

			<div class="left">Destination</div>
			<div class="right"><input name="Text1" type="text" class="text" id="autocomplete"/></div>
			<div class="clear"></div>
		</div>

	</div>
	<hr />
	<input name="submit" type="submit" value="submit" />
	</div>
	<div style="float:left; margin-right:20px;"> 

	
</form>
</body>

</html>
```
The problem is in your document.ready script:



```
$("#datepicker").datepicker();
```

This is returning an error that it is not a function. I'm not sure how the actual call should be, but check the documentation on that.
hi tomica, - - i can suggest that you try the following: -     - remove all of the styles to see whether some specific css is affecting the buttons appearance. -     - upgrade to latest telerik ui version - 2015.2.826 - if the above steps, however, do not help it would be better to provide us with a runnable sample that reproduces the issue, so that we can investigate it further. - - regards, - danail vasilev - telerik - - do you want to have your say when we set our development plans? - do you want to know when a feature you care about is added or when a bug fixed? - explore the - telerik feedback portal - and vote to affect the priority of the items - am rezolvat , multumesc , am "furat" sursa html si css din pluginul " enhanced user info panel "   o sa las mai jos si sursele pentru cei ce vor sa faca ceva de genul 
 


 forums  /  font  /  topics  /  postcontainer
 


{{$idfield = $comment::$databasecolumnid;}}
{{$itemclasssafe = str\_replace( '\\', '\_', mb\_substr( $comment::$itemclass, 4 ) );}}
{{if $comment->isignored()}}
 <div class='ipscomment ipscomment\_ignored ipstype\_light' id='elignorecomment\_{$comment->$idfield}' data-ignorecommentid='elcomment\_{$comment->$idfield}' data-ignoreuserid='{$comment->author()->member\_id}'>
 {lang="ignoring\_content" sprintf="$comment->author()->name"} <a href='#elignorecomment\_{$comment->$idfield}\_menu' data-ipsmenu data-ipsmenu-menuid='elignorecomment\_{$comment->$idfield}\_menu' data-ipsmenu-appendto='#elignorecomment\_{$comment->$idfield}' data-action="ignoreoptions" title='{lang="see\_post\_ignore\_options"}' class='ipstype\_blendlinks'>{lang="options"} <i class='fa fa-caret-down'></i></a>
 <ul class='ipsmenu ipshide' id='elignorecomment\_{$comment->$idfield}\_menu'>
 <li class='ipsmenu\_item ipsjs\_show' data-ipsmenuvalue='showpost'><a href='#'>{lang="show\_this\_post"}</a></li>
 <li class='ipsmenu\_sep ipsjs\_show'><hr></li>
 <li class='ipsmenu\_item' data-ipsmenuvalue='stopignoring'><a href='{url="app=core&module=system&controller=ignore&do=remove&id={$comment->author()->member\_id}" seotemplate="ignore"}'>{lang="stop\_ignoring\_posts\_by" sprintf="$comment->author()->name"}</a></li>
 <li class='ipsmenu\_item'><a href='{url="app=core&module=members&controller=ignore" seotemplate="ignore"}'>{lang="change\_ignore\_preferences"}</a></li>
 </ul>
 </div>
{{endif}}

<a id='comment-{$comment->$idfield}'></a>
<article itemscope {{if $item->isquestion() && !$comment->new\_topic}}itemprop="suggestedanswer {{if $comment->post\_bwoptions['best\_answer']}}acceptedanswer{{endif}}" itemtype="http://schema.org/answer"{{else}}itemtype="http://schema.org/comment"{{endif}} id='elcomment\_{$comment->$idfield}' class='cpost ipsbox {{if $otherclasses}}{$otherclasses}{{endif}} ipscomment {{if settings.reputation\_highlight and $comment->reputation() >= settings.reputation\_highlight}}ipscomment\_popular{{endif}} ipscomment\_parent ipsclearfix ipsclear ipscolumns ipscolumns\_nospacing ipscolumns\_collapsephone {{if $comment->isignored()}}ipshide{{endif}} {{if $comment->hidden()}}ipsmoderated{{endif}}'>
 {{if $item->isquestion() and !$comment->new\_topic}}
 {template="postrating" group="topics" app="forums" params="$item, $comment, $votes"}
 {{endif}}
 <aside class='ipscomment\_author cauthorpane ipscolumn ipscolumn\_medium'>
 <h3 class='ipstype\_sectionhead cauthorpane\_author ipstype\_blendlinks ipstype\_break' itemprop="creator" itemscope itemtype="http://schema.org/person"><strong itemprop="name">{$comment->author()->link( $comment->warningref() )|raw}</strong> <span class='ipsresponsive\_showphone ipsresponsive\_inline'>&nbsp;&nbsp;{template="reputationbadge" group="global" app="core" params="$comment->author()"}</span></h3>
 <ul class='cauthorpane\_info ipslist\_reset'>
 
 {{if $comment->author()->member\_title && $comment->author()->member\_id}}
 
 {{elseif $comment->author()->rank['title'] && $comment->author()->member\_id}}
 <li class='ipsresponsive\_hidephone'>{$comment->author()->rank['title']}</li>
 {{endif}} 
 <!-- {{if $comment->author()->rank['image'] && $comment->author()->member\_id}}
 <li class='ipsresponsive\_hidephone'>{$comment->author()->rank['image']|raw}</li>
 {{endif}} -->
 
 <li class='cauthorpane\_photo'>
 {{if $comment->author()->pp\_main\_photo}}<a href='{url="app=core&module=members&controller=profile&id={$comment->author()->member\_id}-{$comment->author()->name}" seotemplate="profile" seotitle="$comment->author()->name"}' data-ipshover data-ipshover-target='{url="app=core&module=members&controller=profile&id={$comment->author()->member\_id}-{$comment->author()->name}&do=hovercard" seotemplate="profile" seotitle="$comment->author()->name"}' title="{lang="view\_user\_profile" sprintf="$comment->author()->name"}"><span class='ipsuserphoto ipsuserphoto\_variable'><img src="{setting="base\_url"}uploads/{$comment->author()->pp\_main\_photo}" /></span></a>{{else}}<a href='{url="app=core&module=members&controller=profile&id={$comment->author()->member\_id}-{$comment->author()->name}" seotemplate="profile" seotitle="$comment->author()->name"}' data-ipshover data-ipshover-target='{url="app=core&module=members&controller=profile&id={$comment->author()->member\_id}-{$comment->author()->name}&do=hovercard" seotemplate="profile" seotitle="$comment->author()->name"}' title="{lang="view\_user\_profile" sprintf="$comment->author()->name"}"><span class='ipsuserphoto ipsuserphoto\_variable'><img src="{resource="default\_photo.png" app="core" location="global"}" /></a>{{endif}}
 </li>

 <li class='group\_badge'>
 <div class='group\_name'>{expression="\ips\member\group::load( $comment->author()->member\_group\_id )->formattedname" raw="true"}</div>
 <!-- <div class='member\_title'>
 {{if $comment->author()->member\_title && $comment->author()->member\_id}}
 {$comment->author()->member\_title}
 {{elseif $comment->author()->rank['title'] && $comment->author()->member\_id}}
 {$comment->author()->rank['title']}
 {{endif}}
 </div> -->
 </li>
 </ul>
 {{if $comment->author()->rank['image'] && $comment->author()->member\_id}}
 
 {{endif}}
 
 {{if $comment->author()->member\_id}}
 <ul class='dpxutprofile'>
 <li class="ipsresponsive\_hidephone ipstype\_break">
 <div class='stat\_name'><i class="fa {setting="euip\_fafauserrank"}" aria-hidden="true"></i> {lang="euip\_membertitle"}:</div>
 <div class='stat\_value'>{$comment->author()->member\_title}</div>
 </li>
 
 <li class='euip\_border'>
 <div class='stat\_name'><i class="fa {setting="euip\_fafausername"}" aria-hidden="true"></i> {lang="euip\_username"}:</div>
 <div class='stat\_value'> <strong itemprop="name">{$comment->author()->link( $comment->warningref() )|raw}</strong></div>
 </li>
 <li class='euip\_border {{if \ips\settings::i()->euip\_usergrouphidephone == 1}}ipsresponsive\_hidephone{{endif}}'>
 <div class='stat\_name'><i class="fa {setting="euip\_fafausergroup"}" aria-hidden="true"></i> {lang="euip\_usergroup"}:</div>
 <div class='stat\_value'>{expression="\ips\member\group::load( $comment->author()->member\_group\_id )->formattedname" raw="true"}</div>
 </li>
 <li> 
 <div class='stat\_name'>
 <i class="fa fa-comments-o" aria-hidden="true"></i> posts 
 </div>
 <div class='stat\_value'> 
 {$comment->author()->member\_posts}
 </div>
 </li>
 
 <li class='euip\_border {{if \ips\settings::i()->euip\_userrephidephone == 1}}ipsresponsive\_hidephone{{endif}}'>
 <div class='stat\_name'><i class="fa {setting="euip\_fafauserrep"}" aria-hidden="true"></i> {lang="euip\_totalrep"}:</div>
 <div class='stat\_value'>{template="reputationbadge" group="global" app="core" params="$comment->author()"}</div>
 </li>
 <li> 
 <div class='stat\_name'>
 <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> warn level
 </div>
 <div class='stat\_value'> 
 {$comment->author()->warn\_level}
 </div>
 </li>
 
 <li class='euip\_border {{if \ips\settings::i()->euip\_birthdayhidephone == 1}}ipsresponsive\_hidephone{{endif}}'>
 <div class='stat\_name'><i class="fa {setting="euip\_fafabirthday"}" aria-hidden="true"></i> {lang="euip\_age"}:</div>
 <div class='stat\_value'>{$comment->author()->age()}</div>
 </li>
 
 <li class='euip\_border {{if \ips\settings::i()->euip\_useridhidephone == 1}}ipsresponsive\_hidephone{{endif}}'>
 <div class='stat\_name'><i class="fa {setting="euip\_fafauserid"}" aria-hidden="true"></i> {lang="euip\_memberid"}:</div>
 <div class='stat\_value'>{$comment->author()->member\_id}</div>
 </li>
 
 <li class='euip\_border {{if \ips\settings::i()->euip\_lastactivityhidephone == 1}}ipsresponsive\_hidephone{{endif}}'>
 <div class='stat\_name'><i class="fa {setting="euip\_fafalastactivity"}" aria-hidden="true"></i> {lang="euip\_lastactivity"}:</div>
 <div class='stat\_value'>{{if $comment->author()->last\_activity}}{datetime="$comment->author()->last\_activity"}{{else}}{lang="never"}{{endif}}</div>
 </li>
 
 <li class='euip\_border {{if \ips\settings::i()->euip\_onlinestatushidephone == 1}}ipsresponsive\_hidephone{{endif}}'>
 <div class='stat\_name'><i class="fa {setting="euip\_fafaonlinestatus"}" aria-hidden="true"></i> {lang="euip\_onlinestatus"}:</div>
 <div class='stat\_value'>{{if $comment->author()->isonline()}}<span style='color:green' class='metric'>{lang="euip\_online"}</span>{{else}}<span style='color:red'>{lang="euip\_offline"}</span>{{endif}}</div>
 </li> 
 
 
 <li class='euip\_border {{if \ips\settings::i()->euip\_joindatehidephone == 1}}ipsresponsive\_hidephone{{endif}}'>
 <div class='stat\_name'><i class="fa {setting="euip\_fafauserjoindate"}" aria-hidden="true"></i> {lang="euip\_joined"}:</div>
 <div class='stat\_value'>{datetime="$comment->author()->joined" dateonly="true"}</div>
 </li>
 <li class='euip\_border {{if \ips\settings::i()->euip\_birthdayhidephone == 1}}ipsresponsive\_hidephone{{endif}}'>
 <div class='stat\_name'> <i class="fa {setting="euip\_fafabirthday"}" aria-hidden="true"></i> {lang="euip\_bday"}:</div>
 <div class='stat\_value'> {$comment->author()->birthday}</div>
 </li>
 <li class='ipsresponsive\_hidephone'>{$comment->author()->rank['image']|raw}</li>
 </ul>
 {{endif}}
 </aside>
 <div class='ipscolumn ipscolumn\_fluid'>
 {template="post" group="topics" app="forums" params="$item, $comment, $item::$formlangprefix . 'comment', $item::$application, $item::$module, $itemclasssafe"}
 </div>
</article>


 in custom.css se adauga urmatorul cod :
 


ul.dpxutprofile > li {
 display: flex;
 width: 90%;
 justify-content: space-between;
 margin: 5px auto;
 font-size: 10px;
 border-bottom: 1px dashed #444;
}
ul.dpxutprofile {
 margin: 0;
 padding: 0;
 list-style: none;
 margin-top: 15px;
}

ul.dpxutprofile > li > .stat\_name {
 display: inline-block;
 text-align: left;
 color: #525252;
 cursor: default;
 float: left;
 letter-spacing: 1px;
}

ul.dpxutprofile > li > .stat\_name > i {
 font-size: 14px;
 position: relative;
 top: 1px;
 margin-right: 5px;
}
ul.dpxutprofile > li > .stat\_value {
 display: inline-block;
 text-align: left;
 color: #828282;
 float: right;
}

.group\_badge {
 background: #2a2a2a;
 background: -webkit-linear-gradient(90deg,#23f88a transparent);
 background: -o-linear-gradient(90deg,#23f88a transparent);
 background: -moz-linear-gradient(90deg,#2a2a2a, transparent);
 background: linear-gradient(90deg,#2a2a2a, transparent);
 margin: 0 auto;
 margin-bottom: 15px;
 margin-top: 15px;
 width: 80%;
 height: 35px;
 line-height: 35px;
 border-radius: 30px;
}

.group\_name {
 position: relative;
 top: 0;
 transition: all .2s;
 cursor: default;
}


 rezultatul hey [@jsteb](/u/jsteb), i was struggling with this and i figured what is going on. the problem is with the action button. if you try with a regular button it will work. i think that should be clarified in the tutorial This is because Exchange Server 2010 does not issue UDP notifications to Outlook. So, Outlook could not register to receive UDP notifications from Exchange Server 2010. This is why u face the problem. To overcome this, please try out this….


1. Install Update Rollup 1 for Exchange Server 2010, ([for download here](http://www.microsoft.com/downloads/en/details.aspx?FamilyId=371add31-d7a0-4c8b-8325-a6fced2d05e6&displaylang=en).) After doing this….
2. Open REGEDIT and locate for the registry key (u can press ctrl+F to search)


HKEY\_LOCAL\_MACHINE\System\CurrentControlSet\Services\MSExchangeRPC\ParametersSystem


NOTE: The “ParametersSystem” registry subkey is needed to create


Now add the following registry data to the server:  

a) Value type: REG\_DWORD  

b) Value name: Maximum Polling Frequency  

c) Value data: any integer between 5000 and 100000  

Now quit regedit and restart the computer.


Remember, generally the default polling interval for Outlook is about 60 seconds.  

This is based on Outlook 2003, if you use Outlook 2007, the procedure is almost same, only care about the registry key.  

Important: Before doing anything in REGEDIT, it is safe to take necessary back up of registry (File > Export) and your important data.


Thanks– hey [@j.kassner](/u/j.kassner),

please see the solution to your question here:

[image]

["signuture is invalid" cdn 1.7.10 js viewer](https://devforum.zoom.us/t/signuture-is-invalid-cdn-1-7-10-js-viewer/24302/4) [web sdk](/c/web-sdk/13)

hey [@j.amelsberg](/u/j.amelsberg),

it appears you are using your sdk app key and secret to generate the signature. you need to use your jwt key and secret app to ge… we believe this issue has been fixed with our most recent release, version 10.9.
 


 you can learn more here:
 



 please try updating, and let me know if you have any other questions.
 


  
 


 also, if you are experiencing this issue via the web client, please let us know here: hi,

do you have joy package installed with all necessary packages/dependencies ?

try to search for joy\_node or run joy package examples to find out what is going wrong. the code you posted above still has the original img tag with joy.jpg, so it doesn't show what you entered that did not work.
but taking a wild guess, i would point out that javascript is case-sensitive, and so is the challenge checker, so if you accidentally substituted lower case for upper case, or vice-versa, it would not work in the code or pass the challenge. can you try with other dropdowns? if its working , nothing wrong with your code and something to do with that specific drop down. JavaScript *itself* has nothing built in for handling query string parameters. 


Code running in a (modern) browser you can use the [`URL` object](https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams) (which is part of the APIs provided by browsers to JS):





```
var url_string = "http://www.example.com/t.html?a=1&b=3&c=m2-m3-m4-m5"; //window.location.href
var url = new URL(url_string);
var c = url.searchParams.get("c");
console.log(c);
```









For older browsers (including Internet Explorer), you can use [this polyfill](https://github.com/ungap/url-search-params) or the code from the original version of this answer that predates `URL`:


You could access `location.search`, which would give you from the `?` character on to the end of the URL or the start of the fragment identifier (#foo), whichever comes first.


Then you can parse it with this:





```
function parse_query_string(query) {
  var vars = query.split("&");
  var query_string = {};
  for (var i = 0; i < vars.length; i++) {
    var pair = vars[i].split("=");
    var key = decodeURIComponent(pair[0]);
    var value = decodeURIComponent(pair[1]);
    // If first entry with this name
    if (typeof query_string[key]  "undefined") {
      query_string[key] = decodeURIComponent(value);
      // If second entry with this name
    } else if (typeof query_string[key]  "string") {
      var arr = [query_string[key], decodeURIComponent(value)];
      query_string[key] = arr;
      // If third or later entry with this name
    } else {
      query_string[key].push(decodeURIComponent(value));
    }
  }
  return query_string;
}

var query_string = "a=1&b=3&c=m2-m3-m4-m5";
var parsed_qs = parse_query_string(query_string);
console.log(parsed_qs.c);
```




You can get the query string from the URL of the current page with:



```
var query = window.location.search.substring(1);
var qs = parse_query_string(query);

```