Smarty :: View topic - Jquery Chosen plug not working with Smarty

Jquery Chosen plug not working with Smarty

This forum is locked: you cannot post, reply to, or edit topics.

This topic is locked: you cannot edit posts or make replies.

Smarty Forum Index -> Smarty Development

View previous topic :: View next topic

Author

Message

mallicm
Smarty n00b

Joined: 18 Mar 2014
Posts: 1

Posted: Tue Mar 18, 2014 11:44 am Post subject: Jquery Chosen plug not working with Smarty

I've been trialling Harvest's Chosen plugin, http://harvesthq.github.io/chosen/, which creates a cool select box. It works for most browsers including ie 8+. However when I use the code in Smarty it does not work for Internet Explorer. Even more bizarrely, when I use the HTML source code generated instead of Smarty it works. Can somebody please tell me what I'm doing wrong!

Code:

<!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 charset="utf-8">
<title>{$site_title|escape}{if $page_title} - {$page_title|escape}{/if}</title>
<link rel="stylesheet" href="Javascript/docsupport/prism.css">
<link rel="stylesheet" href="Javascript/chosen.css">
{literal}
<style type="text/css" media="all">
/* fix rtl for demo */
.chosen-rtl .chosen-drop { left: -9000px; }
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
<script src="Javascript/chosen.jquery.js" type="text/javascript"></script>
<script src="Javascript/docsupport/prism.js" type="text/javascript" charset="utf-8"></script>
{/literal}
</head>
<body{$body_attr}>
<form>
<div id="wrap">
<div id="main">

<select data-placeholder="Choose a Country..." class="chosen-select" style="width:350px;" tabindex="1">
<option value=""></option>
<option value="United States">United States</option>
<option value="United Kingdom">United Kingdom</option>
<option value="Afghanistan">Afghanistan</option>
<option value="Aland Islands">Aland Islands</option>
<option value="Albania">Albania</option>
<option value="Algeria">Algeria</option>
<option value="American Samoa">American Samoa</option>
<option value="Andorra">Andorra</option>
<option value="Angola">Angola</option>
<option value="Anguilla">Anguilla</option>
<option value="Antarctica">Antarctica</option>
<option value="Antigua and Barbuda">Antigua and Barbuda</option>
<option value="Argentina">Argentina</option>
<option value="Armenia">Armenia</option>
<option value="Aruba">Aruba</option>
<option value="Australia">Australia</option>
<option value="Austria">Austria</option>
<option value="Azerbaijan">Azerbaijan</option>
<option value="Bahamas">Bahamas</option>
<option value="Bahrain">Bahrain</option>
<option value="Bangladesh">Bangladesh</option>
<option value="Barbados">Barbados</option>
<option value="Belarus">Belarus</option>
<option value="Belgium">Belgium</option>
<option value="Belize">Belize</option>
<option value="Benin">Benin</option>
<option value="Bermuda">Bermuda</option>
<option value="Bhutan">Bhutan</option>
</select>
{literal}

<script type="text/javascript">
var config = {
'.chosen-select' : {},
'.chosen-select-deselect' : {allow_single_deselect:true},
'.chosen-select-no-single' : {disable_search_threshold:10},
'.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
'.chosen-select-width' : {width:"95%"}
}
for (var selector in config) {
$(selector).chosen(config[selector]);
}
</script>

{/literal}
</div>
</div>
</form>
</body>
</html>

[url][/url]

Display posts from previous:

	Smarty Forum Index -> Smarty Development	All times are GMT
Page 1 of 1

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum