热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

我应该如何将javascript函数调用到kohana视图中?-howshouldicallajavascriptfunctionintoakohanaview?

iamhavingasimplekohanaview,andajavascriptthatmakesacountdownof30minutes.Ihavaput

i am having a simple kohana view, and a Javascript that makes a countdown of 30 minutes. I hava put the Javascript file into a directory /media m and its name is countdown.js . My problem is: how can i call that Javascript? Form the view? Or from the controller to be displayed in the view? and how exactly may i address in a controller or a view that js function or functions?

我有一个简单的kohana视图,以及一个倒计时30分钟的Javascript。我把Javascript文件放到目录/ media m中,它的名字是countdown.js。我的问题是:我怎么称呼这个Javascript?形成观点​​?或者从控制器中显示在视图中?以及我如何在控制器或js功能或功能的视图中寻址?

thank you

谢谢

the countdown js:

倒计时js:

var Javascript_countdown = function () { var time_left = 10; //number of seconds for countdown var output_element_id = 'Javascript_countdown_time'; var keep_counting = 1; var no_time_left_message = 'No time left for Javascript countdown!';

var Javascript_countdown = function(){var time_left = 10; //倒计时的输出秒数output_element_id ='Javascript_countdown_time'; var keep_counting = 1; var no_time_left_message ='没有时间进行Javascript倒计时了!';

function countdown() {
    if(time_left <2) {
        keep_counting = 0;
    }

    time_left = time_left - 1;
}

function add_leading_zero(n) {
    if(n.toString().length <2) {
        return '0' + n;
    } else {
        return n;
    }
}

function format_output() {
    var hours, minutes, seconds;
    secOnds= time_left % 60;
    minutes = Math.floor(time_left / 60) % 60;
    hours = Math.floor(time_left / 3600);

    secOnds= add_leading_zero( seconds );
    minutes = add_leading_zero( minutes );
    hours = add_leading_zero( hours );

    return hours + ':' + minutes + ':' + seconds;
}

function show_time_left() {
    document.getElementById(output_element_id).innerHTML = format_output();//time_left;
}

function no_time_left() {
    document.getElementById(output_element_id).innerHTML = no_time_left_message;
}

return {
    count: function () {
        countdown();
        show_time_left();
    },
    timer: function () {
        Javascript_countdown.count();

        if(keep_counting) {
            setTimeout("Javascript_countdown.timer();", 1000);
        } else {
            no_time_left();
        }
    },
    init: function (t, element_id) {
        time_left = t;
        output_element_id = element_id;
        Javascript_countdown.timer();
    }
};

}();

}();

//time to countdown in seconds, and element ID Javascript_countdown.init(3673, 'Javascript_countdown_time');

//以秒为单位倒计时的时间,以及元素ID Javascript_countdown.init(3673,'Javascript_countdown_time');

2 个解决方案

#1


1  

You can use kohana html helpers. In your controller function or your view file, you can have it like this :

你可以使用kohana html助手。在您的控制器功能或视图文件中,您可以这样:

echo html::script('media/countdown.js');

Place the echo statement after the html element with id "Javascript_countdown_time". Before the closing if possible.

将echo语句放在id为“Javascript_countdown_time”的html元素之后。在结束之前 如果可能的话。

...
...

#2


0  

You could do what @erickb said, or you could do this in your
view (php)

你可以做@erickb说的话,或者你可以在你的视图中做到这一点(php)

make sure that countdown.js is loaded when the page is displayed in your browser [ use firebug or developer panel in chrome to verify it was loaded. ]

确保在浏览器中显示页面时加载了countdown.js [在chrome中使用firebug或developer面板验证它是否已加载。 ]

Wherever you wanted to call the functions from , just call it.. Let us know how it went..

无论你想在哪里调用函数,只需调用它。让我们知道它是怎么回事..


推荐阅读
  • HDU 2372 El Dorado(DP)的最长上升子序列长度求解方法
    本文介绍了解决HDU 2372 El Dorado问题的一种动态规划方法,通过循环k的方式求解最长上升子序列的长度。具体实现过程包括初始化dp数组、读取数列、计算最长上升子序列长度等步骤。 ... [详细]
  • 本文介绍了lua语言中闭包的特性及其在模式匹配、日期处理、编译和模块化等方面的应用。lua中的闭包是严格遵循词法定界的第一类值,函数可以作为变量自由传递,也可以作为参数传递给其他函数。这些特性使得lua语言具有极大的灵活性,为程序开发带来了便利。 ... [详细]
  • 猜字母游戏
    猜字母游戏猜字母游戏——设计数据结构猜字母游戏——设计程序结构猜字母游戏——实现字母生成方法猜字母游戏——实现字母检测方法猜字母游戏——实现主方法1猜字母游戏——设计数据结构1.1 ... [详细]
  • 如何自行分析定位SAP BSP错误
    The“BSPtag”Imentionedintheblogtitlemeansforexamplethetagchtmlb:configCelleratorbelowwhichi ... [详细]
  • 基于layUI的图片上传前预览功能的2种实现方式
    本文介绍了基于layUI的图片上传前预览功能的两种实现方式:一种是使用blob+FileReader,另一种是使用layUI自带的参数。通过选择文件后点击文件名,在页面中间弹窗内预览图片。其中,layUI自带的参数实现了图片预览功能。该功能依赖于layUI的上传模块,并使用了blob和FileReader来读取本地文件并获取图像的base64编码。点击文件名时会执行See()函数。摘要长度为169字。 ... [详细]
  • 本文介绍了使用Java实现大数乘法的分治算法,包括输入数据的处理、普通大数乘法的结果和Karatsuba大数乘法的结果。通过改变long类型可以适应不同范围的大数乘法计算。 ... [详细]
  • 本文讨论了如何优化解决hdu 1003 java题目的动态规划方法,通过分析加法规则和最大和的性质,提出了一种优化的思路。具体方法是,当从1加到n为负时,即sum(1,n)sum(n,s),可以继续加法计算。同时,还考虑了两种特殊情况:都是负数的情况和有0的情况。最后,通过使用Scanner类来获取输入数据。 ... [详细]
  • 本文介绍了OC学习笔记中的@property和@synthesize,包括属性的定义和合成的使用方法。通过示例代码详细讲解了@property和@synthesize的作用和用法。 ... [详细]
  • 1,关于死锁的理解死锁,我们可以简单的理解为是两个线程同时使用同一资源,两个线程又得不到相应的资源而造成永无相互等待的情况。 2,模拟死锁背景介绍:我们创建一个朋友 ... [详细]
  • 本文介绍了在Linux下安装Perl的步骤,并提供了一个简单的Perl程序示例。同时,还展示了运行该程序的结果。 ... [详细]
  • 后台获取视图对应的字符串
    1.帮助类后台获取视图对应的字符串publicclassViewHelper{将View输出为字符串(注:不会执行对应的ac ... [详细]
  • [大整数乘法] java代码实现
    本文介绍了使用java代码实现大整数乘法的过程,同时也涉及到大整数加法和大整数减法的计算方法。通过分治算法来提高计算效率,并对算法的时间复杂度进行了研究。详细代码实现请参考文章链接。 ... [详细]
  • 本文总结了Java中日期格式化的常用方法,并给出了示例代码。通过使用SimpleDateFormat类和jstl fmt标签库,可以实现日期的格式化和显示。在页面中添加相应的标签库引用后,可以使用不同的日期格式化样式来显示当前年份和月份。该文提供了详细的代码示例和说明。 ... [详细]
  • 生成式对抗网络模型综述摘要生成式对抗网络模型(GAN)是基于深度学习的一种强大的生成模型,可以应用于计算机视觉、自然语言处理、半监督学习等重要领域。生成式对抗网络 ... [详细]
  • 本文详细介绍了Linux中进程控制块PCBtask_struct结构体的结构和作用,包括进程状态、进程号、待处理信号、进程地址空间、调度标志、锁深度、基本时间片、调度策略以及内存管理信息等方面的内容。阅读本文可以更加深入地了解Linux进程管理的原理和机制。 ... [详细]
author-avatar
盛夏的长安佳人
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有