0

add script file bottom zul

asked 2017-03-28 06:16:19 +0800

longdv1208 gravatar image longdv1208
98 4

I would like to use some extended template themes. I need to add a javascript file to the bottom of the page. So what do I have to do.

image description

image description

delete flag offensive retag edit

6 Answers

Sort by ยป oldest newest most voted
1

answered 2017-03-28 13:17:56 +0800

Darksu gravatar image Darksu
1991 1 4

Hello ongdv1208,

Please find below a sample that i made using zhtml:

<zk:zk  xmlns="native" xmlns:x="xhtml" xmlns:sh="shadow" xmlns:zk="zk" xmlns:z="zul">
<x:html lang="en">

<x:head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
   <meta name="description" content="Bootstrap Admin App + jQuery">
   <meta name="keywords" content="app, responsive, jquery, bootstrap, dashboard, admin">
   <title>FlexReporter</title>
   <!-- =============== VENDOR STYLES ===============-->
   <!-- FONT AWESOME-->
   <link rel="stylesheet" href="../vendor/fontawesome/css/font-awesome.min.css">
   <!-- SIMPLE LINE ICONS-->
   <link rel="stylesheet" href="../vendor/simple-line-icons/css/simple-line-icons.css">
   <!-- ANIMATE.CSS-->
   <link rel="stylesheet" href="../vendor/animate.css/animate.min.css">
   <!-- WHIRL (spinners)-->
   <link rel="stylesheet" href="../vendor/whirl/dist/whirl.css">
   <!-- =============== PAGE VENDOR STYLES ===============-->
   <!-- WEATHER ICONS-->
   <link rel="stylesheet" href="../vendor/weather-icons/css/weather-icons.min.css">
   <!-- =============== BOOTSTRAP STYLES ===============-->
   <link rel="stylesheet" href="css/bootstrap.css" id="bscss">
   <!-- =============== APP STYLES ===============-->
   <link rel="stylesheet" href="css/app.css" id="maincss">

   <link rel="shortcut icon" href="http://sstatic.net/stackoverflow/img/favicon.ico">
</x:head>

<x:body viewModel="@id('vm') @init('sample')">
   <div class="wrapper">      
   </div>   
   <script src="js/app.js"></script>
</x:body>

</x:html>
</zk:zk>

Best Regards,

Darksu

link publish delete flag offensive edit

Comments

I have tried but it's failed. Who else is there? Thanks!

longdv1208 ( 2017-03-29 06:02:06 +0800 )edit

just telling you "failed" won't give you a better response. can you provide any details on what failed? Like errors or unexpected results?

cor3000 ( 2017-03-30 08:26:59 +0800 )edit
0

answered 2017-03-28 10:53:14 +0800

longdv1208 gravatar image longdv1208
98 4

image description

link publish delete flag offensive edit
0

answered 2017-03-28 10:32:40 +0800

longdv1208 gravatar image longdv1208
98 4

I want the javascript file that is rendered at the bottom of the page just like the image above

link publish delete flag offensive edit
0

answered 2017-03-29 05:55:47 +0800

Darksu gravatar image Darksu
1991 1 4

Hello ongdv1208,

Can you post your script so i can check it out? And keep in mind the file extension should be zhtml.

Best Regards,

Darksu

link publish delete flag offensive edit
0

answered 2017-03-28 07:25:58 +0800

Darksu gravatar image Darksu
1991 1 4

Hello ongdv1208,

So basically there are two options:

  1. Bind the javascript with a component that is at the bottom of the page.
  2. Use javascript/jquery to calculate where the bottom is and make appropriate actions.

Ref: http://stackoverflow.com/questions/16260498/push-footer-to-bottom-when-page-is-not-full

Best Regards,

Darksu

link publish delete flag offensive edit
-1

answered 2017-03-29 05:19:49 +0800

longdv1208 gravatar image longdv1208
98 4

I have tried but it's failed. Who else is there? Thanks!

link publish delete flag offensive edit
Your answer
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

Follow
2 followers

RSS

Stats

Asked: 2017-03-28 06:16:19 +0800

Seen: 42 times

Last updated: Mar 29 '17

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More