[kbloemParticipant]

Use of getAttributeNode() is not supported. Use getAttribute(). mootools-core.js:108:0

This does not occur anymore. Only TypeError: $jq(...).jqxCalendar is not a function

[kbloemParticipant]

Yes, Mootools is disabled. I got a plugin wich disabled mootools completely.

[kbloemParticipant]

Hello,

i keep getting the error even with the .noConflict….

<script language="javascript" type="text/javascript">
var $jq = jQuery.noConflict();
$jq(document).ready(function ($) {
$jq("#widgetsContainer").html('<div id="jqxCalendar"></div><br /><div id="jqxButton">Change the date</div>');
$jq("#jqxCalendar").jqxCalendar({ theme: "orange", width: 220, height: 220 });
$jq("#jqxButton").jqxButton({ theme: "bootstrap", width: 150 });
$jq("#jqxButton").click(function () {
$jq('#jqxCalendar ').jqxCalendar('setDate', new Date(2013, 11, 31));}); 
});
</script>
<div id="widgetsContainer"> </div> 

[kbloemParticipant]

Thank you dimitar, i will try this en get back to you.

[kbloemParticipant]

Hello, not sure if this is what you want…

<p>
<script type="text/javascript">
jQuery(document).ready(function ($) {        
$("#widgetsContainer").html('<div id="jqxCalendar"></div><br /><div id="jqxButton">Change the date</div>');        
$("#jqxCalendar").jqxCalendar({ theme: "orange", width: 220, height: 220 });        
$("#jqxButton").jqxButton({ theme: "bootstrap", width: 150 });        
$("#jqxButton").click(function () {            
$('#jqxCalendar ').jqxCalendar('setDate', new Date(2013, 11, 31));        
});    });
</script>
<div id="widgetsContainer"> </div>

I put this inside the source editor of joomla’s article editor.

Some extra system info

Setting Value

PHP Built On Windows NT OPERATOR 6.3 build 9200 (Windows 8.1 Enterprise Edition) i586
Database Version 5.6.21
Database Collation latin1_swedish_ci
PHP Version 5.6.3
Web Server Apache/2.4.10 (Win32) OpenSSL/1.0.1i PHP/5.6.3
WebServer to PHP Interface apache2handler
Joomla! Version Joomla! 3.4.1 Stable [ Ember ] 21-March-2015 20:30 GMT
Joomla! Platform Version Joomla Platform 13.1.0 Stable [ Curiosity ] 24-Apr-2013 00:00 GMT
User Agent Mozilla/5.0 (Windows NT 6.3; WOW64; rv:37.0) Gecko/20100101 Firefox/37.0

[kbloemParticipant]

Well, could you check the link below and see for yourself?

gamepedia.nl/index.php/algemeen

In Firefox and Chrome i have a text filter box. In Internet Explorer it only shows the pulldown filter box.

[kbloemParticipant]

Hello Dimitar,

Below is my code…

        $(document).ready(function () {
            // prepare the data
            var source =
            {
                datatype: "json",
                datafields: [
                { name: 'taal', type: 'string'},
                { name: 'titel', type: 'string'},
                { name: 'sitenaam', type: 'string'},
                { name: 'gamer_int', type: 'string'},
				{ name: 'url', type: 'string'},
				{ name: 'siteurl', type: 'string'},
                { name: 'datum', type: 'string'}
                ],
                url: 'http://www.gamepedia.nl/code_games/nieuws_videos_archief_data.php',  
                cache: false
            };
			
            var dataAdapter = new $.jqx.dataAdapter(source);
			
            var imagerenderer = function (row, datafield, value) {
                return '<div style="padding-left: 2px;"><img src="../../images/' + value + '" /></div>';
            }
			
			var profilerenderer = function(row, cell, value) {
            return '<div style="text-align: left; padding-left: 10px;"><a href="http://www.gamepedia.nl/index.php/component/comprofiler/userprofile/'+value+'" vertical-align="middle"/>'+value+'</a></div>';
			}
			
			var paginalinkrenderer = function(row, column, value, defaultHtml, columnSettings, rowData) {
			return '<div style="text-align: left; padding-left: 10px;"><a href="' + rowData.url + '" target="_blank" data-rokbox="">' + value + '</a></div>';
			}
		
			var sitelinkrenderer = function(row, column, value, defaultHtml, columnSettings, rowData) {
			return '<div style="text-align: left; padding-left: 10px;"><a href="' + rowData.siteurl + '" target="_blank">' + value + '</a></div>';
			}
		
			var linkrenderer = function (row, column, value) {
                if (value.indexOf('#') != -1) {
                    value = value.substring(0, value.indexOf('#'));
                }
                var format = { target: '"_blank" data-rokbox=""' };
                var html = $.jqx.dataFormat.formatlink(value, format);
                return html; 
            }
			
			var columnrenderer = function (value) {
                return '<div style="text-align: left; margin-top: 2px; padding-left: 12px; vertical-align: center;font-weight:bold;font-size:13px;">' + value + '</div>';
            }

			var datumrenderer = function (row, column, value) {
                return '<div style="text-align: left; padding-left: 10px;">' + value + '</div>';
            }
			
			$("#jqxgrid").jqxGrid(
            {
                pagesize : 20,
				pagesizeoptions: ['20', '50', '100'],
				width : 1170,
				theme:"black",
				showfilterrow: true,
				source: dataAdapter,
				filterable: true,
				pageable: true, 
				autoheight: true,
				filtermode: 'excel', 
				selectionmode: 'multiplecellsextended',
				columns: [
                { text: '', datafield: 'taal' , width: 30, cellsrenderer: imagerenderer, renderer: columnrenderer,filterable: false},
                { text: 'Titel', columntype: 'textbox', filtertype: 'textbox', filtercondition: 'starts_with', datafield: 'titel' ,  width: 700, cellsrenderer: paginalinkrenderer, renderer: columnrenderer}, 
                { text: 'Website', datafield: 'sitenaam', width: 190, cellsrenderer: sitelinkrenderer, renderer: columnrenderer,filtertype: 'checkedlist' },
                { text: 'Ingezonden Door', datafield: 'gamer_int', width: 150, cellsrenderer: profilerenderer, renderer: columnrenderer },
                { text: 'Datum', datafield: 'datum', filtertype: 'date', width: 100, renderer: columnrenderer, cellsrenderer: datumrenderer, filterable: false} 
                ]
            }); 
			$('#clearfilteringbutton').jqxButton({ height: 25});
            $('#clearfilteringbutton').click(function () {
                $("#jqxgrid").jqxGrid('clearfilters');
            });

        }); 
		

[kbloemParticipant]

Peter,

on the url below you can see what happens when i set the value showfilterrow: true,

http://www.gamepedia.nl/index.php/archief-xbox

When i remove that value the page will load correctly again. The link below is the exact same code without the showfilterrow: true, value.

http://www.gamepedia.nl/index.php/algemeen

[kbloemParticipant]

When i set showfilterrow: true, the page will not load anymore. When i remove that option there are no issues.

But i need that option….

[kbloemParticipant]

I got it using

var paginalinkrenderer = function(row, column, value, defaultHtml, columnSettings, rowData) {
			return '<a href="' + rowData.url + '" target="_blank" data-rokbox="">' + value + '</div>';
			} 

[kbloemParticipant]

Could you maybe point me to a demo for this or a manual? I searched through the site but cannot find it…

[kbloemParticipant]

I tried combining two values to one variable but cannot get it to work.

so there are two columns in my table. Column A has the value “www.google.nl” and column B has the value “Google”.

I can get the url to display in the grid but what i want is to show Google and when people click on it they go to the website.

[kbloemParticipant]

Ok i have the variable setup like this and it displays links in the grid.

`var linkrenderer = function (row, column, value) {
if (value.indexOf(‘#’) != -1) {
value = value.substring(0, value.indexOf(‘#’));
}
var format = { target: ‘”_blank” data-rokbox=””‘ };
var html = $.jqx.dataFormat.formatlink(value, format);
return html;
}
columns: [
{ text: ”, datafield: ‘taal’ , width: 30, cellsrenderer: imagerenderer},
{ text: ‘Titel’, datafield: ‘url’ , width: 700, cellsrenderer: linkrenderer},
{ text: ‘Website’, datafield: ‘sitenaam’, width: 190 },
{ text: ‘Ingezonden Door’, datafield: ‘gamer_int’, width: 150 },
{ text: ‘Datum’, datafield: ‘datum’, width: 100 }
]

`

However i want the links to have another name. The columname voor the title of the link is “titel” and for the url itself is “url”

[kbloemParticipant]

To be clear, in column a i have a url and in column b i have a name. Inside the grid, when people click the name i want the url to open.

If there is a manual could you point me to it? Cannot find it…

Thank you!

Regards,
Kenny

[kbloemParticipant]

Thanks peter i got it to work…

Does this work with urls behind a value also?

i need to add <a href=" <<value from table cell>> " before a datafield value. And "> <<value from other table cell>> and then a static value `

[Author]

Posts