or
Timestamp: 3.12.2013 14:09:09
Error: TypeError: t.getAttribute is not a function
Source File: http://localhost:44112/Resources/scripts/vendor/kendoUI/js/kendo.all.min.js
Line: 9
<!DOCTYPE html>
<
html
>
<
head
runat
=
"server"
>
<
style
>
.gumb {
display: inline-block;
}
.container-gumbi {
float: right;
margin-top: 5px;
}
.kocka {
display: inline-block;
}
.kockaimg {
display: inline-block;
vertical-align: middle;
}
p.info-text {
margin: auto;
font-size: 10px;
}
p.date-text {
margin-top: 5px;
font-size: 13px;
font-weight: 800;
margin-bottom: 0px;
}
p.opis-text {
margin-top: 5px;
font-size: 11px;
font-weight: 500;
margin-bottom: 0px;
}
p.denar-text {
margin-top: 5px;
font-size: 14px;
font-weight: 800;
margin-bottom: 0px;
}
</
style
>
<
title
></
title
>
<
link
href
=
"/../../../Resources/scripts/vendor/kendoUI/styles/kendo.common.min.css"
rel
=
"stylesheet"
/>
<
link
href
=
"/../../../Resources/scripts/vendor/kendoUI/styles/kendo.default.min.css"
rel
=
"stylesheet"
/>
<
link
href
=
"/../../../Resources/scripts/vendor/kendoUI/styles/kendo.mobile.all.min.css"
rel
=
"stylesheet"
/>
<
script
src
=
"/../../../Resources/scripts/vendor/kendoUI/js/jquery.min.js"
></
script
>
<
script
src
=
"/../../../Resources/scripts/vendor/kendoUI/js/kendo.all.min.js"
></
script
>
</
head
>
<
body
>
<
div
data-role
=
"view"
id
=
"listview-templates"
data-init
=
"mobileListViewTemplatesInit"
data-title
=
"ListView"
>
<
div
class
=
"head"
> </
div
>
<
ul
id
=
"custom-listview"
></
ul
>
</
div
>
<<
script
type
=
"text/x-kendo-template"
id
=
"customListViewTemplate"
>
<
li
>
<
div
class
=
"kockaimg"
>
<
img
width
=
"50"
height
=
"50"
src
=
"../../../clipart-generic-logo-d2f5.png"
/>
</
div
>
<
div
class
=
"kocka"
>
<
h4
><
span
>#:nazivNarocnika#</
span
></
h4
>
</
div
>
</
li
>
<
li
>
<
div
class
=
"kocka"
>
<
p
class
=
"info-text"
>
Datum lansiranja:<
br
/>
</
p
>
<
p
class
=
"date-text"
>#:dtLansiranja#</
p
>
</
div
>
<
div
class
=
"kocka"
>
<
p
class
=
"info-text"
>
Datum pričetka:<
br
/>
</
p
>
<
p
class
=
"date-text"
>#:dtPricetka#</
p
>
</
div
>
<
div
class
=
"kocka"
>
<
p
class
=
"info-text"
>
Datum zaključka:<
br
/>
</
p
>
<
p
class
=
"date-text"
>#:dtZakljucka#</
p
>
</
div
>
</
li
>
<
li
>
<
p
class
=
"info-text"
>
Opis:<
br
/>
</
p
>
<
p
class
=
"opis-text"
>#:opis#</
p
>
</
li
>
<
li
>
<
div
class
=
"kocka"
>
<
p
class
=
"info-text"
>
Trenutna ponudba:<
br
/>
</
p
>
<
p
class
=
"denar-text"
>#:cena# €</
p
>
</
div
>
<
div
class
=
"container-gumbi"
>
<
div
class
=
"gumb"
>
<
a
class
=
"k-button"
data-icon
=
"add"
style
=
"font-size: 10px"
data-role
=
"button"
href
=
""
>Dodaj ponudbo</
a
>
</
div
>
<
div
class
=
"gumb"
>
<
a
class
=
"k-button"
data-icon
=
"info"
style
=
"font-size: 10px"
data-role
=
"button"
href
=
""
>Podrobno</
a
>
</
div
>
</
div
>
</
li
>
</
script
>
<
script
>
var groupedData = [
{ nazivNarocnika: "Narocnik d.d.", dtLansiranja: "18.5.2013", dtPricetka: "21.5.2013", dtZakljucka: "5.6.2013", opis: "Bla bla bla.", cena: "8.000,00" },
{ nazivNarocnika: "Narocnik d.d.", dtLansiranja: "18.5.2013", dtPricetka: "21.5.2013", dtZakljucka: "5.6.2013", opis: "Bla bla bla.", cena: "8.000,00" },
{ nazivNarocnika: "Narocnik d.d.", dtLansiranja: "18.5.2013", dtPricetka: "21.5.2013", dtZakljucka: "5.6.2013", opis: "Bla bla bla.", cena: "8.000,00" },
{ nazivNarocnika: "Narocnik d.d.", dtLansiranja: "18.5.2013", dtPricetka: "21.5.2013", dtZakljucka: "5.6.2013", opis: "Bla bla bla.", cena: "8.000,00" }
];
function mobileListViewTemplatesInit() {
$("#custom-listview").kendoMobileListView({
dataSource: kendo.data.DataSource.create({ data: groupedData }),
template: $("#customListViewTemplate").html(),
headerTemplate: "Ime razpisa"
});
}
var app = new kendo.mobile.Application($("#mjav"), {
skin: 'flat'
});
</
script
>
<
script
>
var app = new kendo.mobile.Application(document.body);
</
script
>
</
body
>
</
html
>
<!--Home-->
<
div
data-role
=
"view"
id
=
"view-home"
data-layout
=
"drawer-layout-home"
data-title
=
"ZUOL.CH APP"
>
<
div
>
<
div
data-role
=
"content"
class
=
"view-content"
>
<
div
id
=
"home-vers-markus"
class
=
"boxshadow"
>
<
h4
>
Klicken Sie oben links auf das Icon um die Navigation zu öffnen
</
h4
>
<
h5
>Firmen, Vereine, Gemeinden, Links und vielese mehr.</
h5
>
</
div
>
</
div
>
</
div
>
</
div
>
<!-- Drawer Home-->
<
div
data-role
=
"drawer"
id
=
"my-drawer-home"
style
=
"width: 270px"
data-views
=
"['/', 'view-home', 'view-home','view-witz', 'view-bild', 'view-wort']"
>
<
h1
>ZUOL.CH App</
h1
>
<
ul
data-role
=
"listview"
data-type
=
"group"
class
=
"nobackground"
>
<
li
>
<
ul
>
<
li
data-icon
=
"home"
id
=
"dl-firmen"
class
=
"dl-firmen"
>
<
a
href
=
"firmen.html#firmen-home"
data-transition
=
"none"
>Firmen</
a
>
</
li
>
<
li
data-icon
=
"contacts"
id
=
"dl-vereine"
class
=
"dl-verein"
>
<
a
href
=
"#view-vereine"
data-transition
=
"none"
>Vereine</
a
>
</
li
>
<
li
data-icon
=
"bookmarks"
id
=
"dl-gemeinden"
class
=
"dl-gemeinden"
>
<
a
href
=
"#view-gemeinden"
data-transition
=
"none"
>Gemeinden</
a
>
</
li
>
<
li
data-icon
=
"settings"
id
=
"dl-links"
class
=
"dl-links"
>
<
a
href
=
"#view-links"
data-transition
=
"none"
>Links</
a
>
</
li
>
<
li
data-icon
=
"settings"
id
=
"dl-links"
class
=
"dl-bild"
>
<
a
href
=
"#view-bild"
data-transition
=
"none"
>Bild des Tages</
a
>
</
li
>
<
li
data-icon
=
"settings"
id
=
"dl-links"
class
=
"dl-witz"
>
<
a
href
=
"#view-witz"
data-transition
=
"none"
>Witz des Tages</
a
>
</
li
>
<
li
data-icon
=
"settings"
id
=
"dl-links"
class
=
"dl-links"
>
<
a
href
=
"#view-wort"
data-transition
=
"none"
>Wort zum Tag</
a
>
</
li
>
</
ul
>
</
li
>
<
li
>
<
ul
>
<
li
data-icon
=
"about"
>
<
a
href
=
"#drawer-about"
data-transition
=
"none"
>Über ZUOL.CH</
a
>
</
li
>
<
li
data-icon
=
"globe"
>
<
a
href
=
"#drawer-web"
data-transition
=
"none"
>www.zuol.ch</
a
>
</
li
>
</
ul
>
</
li
>
<
li
>
<
ul
>
<
li
data-icon
=
"action"
id
=
"dl-log-out"
>
<
a
id
=
"bt_exit"
onclick
=
"exitFromApp()"
data-icon
=
"history"
>
Exit
</
a
>
</
li
>
</
ul
>
</
li
>
</
ul
>
</
div
>
<!-- Layout Home-->
<
div
data-role
=
"layout"
data-id
=
"drawer-layout-home"
>
<
header
data-role
=
"header"
>
<
div
data-role
=
"navbar"
>
<
a
data-role
=
"button"
data-rel
=
"drawer"
href
=
"#my-drawer-home"
data-icon
=
"drawer-button"
data-align
=
"left"
></
a
>
<
span
data-role
=
"view-title"
>ZUOL.CH</
span
>
</
div
>
</
header
>
</
div
>
<!-- Firmen -->
<
div
data-role
=
"view"
id
=
"view-firmen-home"
data-layout
=
"drawer-layout-home"
data-title
=
"Firmen"
>
<
div
>
<
div
data-role
=
"content"
class
=
"view-content"
>
<
h2
>Suchen nach</
h2
>
<
ul
data-role
=
"listview"
data-style
=
"inset"
data-type
=
"group"
>
<
li
>
<
ul
>
<
li
>
<
a
href
=
"#view-firmen-branchen"
>Branche</
a
>
</
li
>
</
ul
>
</
li
>
</
ul
>
<
ul
data-role
=
"listview"
data-style
=
"inset"
data-type
=
"group"
>
<
li
>
<
ul
>
<
li
>
<
a
href
=
"#view-firmen-ort"
>Ort</
a
>
</
li
>
</
ul
>
</
li
>
</
ul
>
<
ul
data-role
=
"listview"
data-style
=
"inset"
data-type
=
"group"
>
<
li
>
<
ul
>
<
li
>
<
a
href
=
"#view-firmen-a-z"
>Alphabet</
a
>
</
li
>
</
ul
>
</
li
>
</
ul
>
</
div
>
</
div
>
</
div
>
<!-- Branchen -->
<
div
data-role
=
"view"
id
=
"view-firmen-branchen"
data-init
=
"getBranchen"
data-layout
=
"drawer-layout-firmen"
data-title
=
"Firmen nach Branche"
>
<
div
data-role
=
"content"
class
=
"view-content"
>
<
ul
id
=
"filterable-branchen"
class
=
"listen"
></
ul
>
</
div
>
<
script
type
=
"text/x-kendo-tmpl"
id
=
"firmen-branchen-template"
>
<
div
class
=
"km-listview-link"
>
<
a
href
=
"javascript:getFirmen('branche','#:User_branche#')"
>
<
span
>#:User_branche#</
span
>
</
a
>
</
div
>
</
script
>
</
div
>
<!-- Drawer Firmen-->
<
div
data-role
=
"drawer"
id
=
"my-drawer-firmen"
style
=
"width: 270px"
data-views
=
"['/', 'view-firmen-branche','view-firmen-ort']"
>
<
h1
>ZUOL.CH App</
h1
>
<
ul
data-role
=
"listview"
data-type
=
"group"
class
=
"nobackground"
>
<
li
>
<
ul
>
<
li
data-icon
=
"home"
id
=
"dl-home"
class
=
"dl-home"
>
<
a
href
=
"#drawer-home"
data-transition
=
"none"
>Zurück</
a
>
</
li
>
<
li
data-icon
=
"home"
id
=
"dl-firmen"
class
=
"dl-firmen"
>
<
a
href
=
"firmen.html#view-firmen-branche"
data-transition
=
"none"
>Branch</
a
>
</
li
>
<
li
data-icon
=
"contacts"
id
=
"dl-vereine"
class
=
"dl-verein"
>
<
a
href
=
"firmen.html#view-firmen-ort"
data-transition
=
"none"
>Ort</
a
>
</
li
>
<
li
data-icon
=
"bookmarks"
id
=
"dl-gemeinden"
class
=
"dl-gemeinden"
>
<
a
href
=
"firmen.html#view-firmen-a-z"
data-transition
=
"none"
>A - Z</
a
>
</
li
>
</
ul
>
</
li
>
</
ul
>
</
div
>
<!-- Layout Firmen-->
<
div
data-role
=
"layout"
data-id
=
"drawer-layout-firmen"
>
<
header
data-role
=
"header"
>
<
div
data-role
=
"navbar"
>
<
a
data-role
=
"button"
data-rel
=
"drawer"
href
=
"#my-drawer-firmen"
data-icon
=
"drawer-button"
data-align
=
"left"
></
a
><
a
data-role
=
"button"
data-rel
=
"drawer"
href
=
"#my-drawer-firmen"
data-icon
=
"drawer-button"
data-align
=
"left"
></
a
>
<
span
data-role
=
"view-title"
>ZUOL.CH - Firmen</
span
>
</
div
>
</
header
>
</
div
>
<!DOCTYPE html>
<
html
>
<
head
>
<
title
>Test</
title
>
<
link
href
=
"styles/kendo.common.min.css"
rel
=
"stylesheet"
/>
<
link
href
=
"styles/kendo.default.min.css"
rel
=
"stylesheet"
/>
<
link
href
=
"styles/kendo.mobile.all.min.css"
rel
=
"stylesheet"
/>
<
link
href
=
"styles/index.css"
rel
=
"stylesheet"
/>
</
head
>
<
body
onload
=
"onBodyLoad()"
style
=
"height:100%; padding-bottom: 100%"
>
<
div
data-role
=
"view"
id
=
"test"
>
<
a
href
=
"#test"
class
=
"button"
data-role
=
"button"
data-click
=
"test.myAlert"
data-att
=
"attributeTest"
data-icon
=
"search"
>buttonTest</
a
>
</
div
>
<
script
src
=
"lib/jquery.min.js"
></
script
>
<
script
src
=
"lib/kendo.all.min.js"
></
script
>
<
script
src
=
"init/cordovaInit.js"
></
script
>
<
script
type
=
"text/javascript"
>
var Test = kendo.Class.extend({
init: function() {
}
myAlert: function(e) {
alert("test");
}
});
</
script
>
<
script
>
var app = new kendo.mobile.Application($(document.body), { skin: "flat" });
var test = new Test();
test.myAlert();
</
script
>
</
body
>
</
html
>
Uncaught SyntaxError: Unexpected identifier index.html:24
Uncaught ReferenceError: Test is not defined index.html:32
Uncaught TypeError: Cannot read property 'myAlert' of undefined