Jump to content
UBot Underground

how to include css and js files in ui html box


Recommended Posts

<html>

 

<head>

 

<title>Dynarch Calendar -- Single calendar for multiple fields</title>

 

<script src="../src/js/jscal2.js"></script>

 

<script src="../src/js/lang/en.js"></script>

 

<link rel="stylesheet" type="text/css" href="../src/css/jscal2.css" />

 

<link rel="stylesheet" type="text/css" href="../src/css/border-radius.css" />

 

<link rel="stylesheet" type="text/css" href="../src/css/steel/steel.css" />

 

</head>

 

<body>

 

<p><br />

 

<br />

 

<br />

 

<br />

 

<br />

 

<br />

 

<br />

<br />

 

<br />

</p>

<input size="30" id="f_date1" /><button id="f_btn1">...</button><br />

 

<input size="30" id="f_date2" /><button id="f_btn2">...</button><br />

 

<input size="30" id="f_date3" /><button id="f_btn3">...</button><br />

 

<input size="30" id="f_date4" /><button id="f_btn4">...</button>

 

 

<script type="text/javascript">//<![CDATA[

 

var cal = Calendar.setup({

onSelect: function(cal) { cal.hide() },

showTime: true

});

cal.manageFields("f_btn1", "f_date1", "%Y-%m-%d %I:%M %p");

cal.manageFields("f_btn2", "f_date2", "%b %e, %Y %I:%M %p");

cal.manageFields("f_btn3", "f_date3", "%e %B %Y %I:%M %p");

cal.manageFields("f_btn4", "f_date4", "%A, %e %B, %Y %I:%M %p");

 

//]]>

</script>

 

</body>

</html>

Link to post
Share on other sites

Right...I typically handle it as explained by Kreatus. Just add the code in your html. (although both methods work fine)

 

John

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...