Difference between revisions of "MediaWiki:Common.js"
From dataZoa Wiki
Line 174: | Line 174: | ||
image.style.height = "200px"; | image.style.height = "200px"; | ||
} | } | ||
+ | |||
+ | |||
+ | |||
// js for imgSnippet | // js for imgSnippet | ||
// Model: <div class="imgSnippet " data-styler="{ view: 'nnn', style: 'sss' }"></div> | // Model: <div class="imgSnippet " data-styler="{ view: 'nnn', style: 'sss' }"></div> | ||
Line 184: | Line 187: | ||
elem.attr('style', styler.style.replace(/SQ/g,"'").replace('/img/DocSamples',g_althost+'/img/DocSamples')); | elem.attr('style', styler.style.replace(/SQ/g,"'").replace('/img/DocSamples',g_althost+'/img/DocSamples')); | ||
elem.addClass( 'decoratorView' + styler.view); | elem.addClass( 'decoratorView' + styler.view); | ||
+ | elem.css('margin','0.5em'); | ||
if ( '' != g_althost ) { elem.text(g_althost); elem.css('color','orange'); elem.css('font-weight','bold'); } // watermark reminder when under development | if ( '' != g_althost ) { elem.text(g_althost); elem.css('color','orange'); elem.css('font-weight','bold'); } // watermark reminder when under development | ||
}); | }); |
Revision as of 15:28, 9 November 2016
/* Any JavaScript here will be loaded for all users on every page load. */ //the below does work!! /* $(document).ready(function(){ $("h2").click(function(){ alert("The h2 was clicked."); }); }); */ //basic function, wrapped in document.ready -- this works! function thisAlert() {$(document).ready(function(){ alert('this is an alert'); }); } //function triggered by the presence of a particular id $(document).ready(function() { if($('#mylist').length > 0) { alert('yes') }; }); //internal load function => this ultimately does not work because I can't call the function function testLoad() {$(document).ready(function(){ $.ajax({ url:'http://docwiki.datazoa.com/Test_Origin_Text', type:'get', dataType:'html', success:function(data) { alert('testLoad was successful!');} }) }); } //modified internal load, triggered by an id (as above) $(document).ready(function() { if($('#loadfunction').length > 0) { $.ajax({ url:'http://docwiki.datazoa.com/Test_Origin_Text', type:'get', dataType:'html', success:function(data) { alert('testLoad was successful!');} }) }; }); //internal load with full script $(document).ready(function() { if($('#myList').length > 0) { $.ajax({ url:'http://docwiki.datazoa.com/Test_Origin_Text', type:'get', dataType:'html', success:function(data) { var _html= jQuery(data); list = _html.find('li'); // gets me an object (maybe?) with four elements for (i = 0; i <= list.length; i++) { console.log(list[i].innerHTML); //I get an error on HTML but it still seems to output correctly var node = document.createElement("li"); // create a <li> node var textnode = document.createTextNode(list[i].innerHTML); //create a text node node.appendChild(textnode); // append text to li document.getElementById("myList").appendChild(node); // append li to ul with id="myList" } } }) }; }); //external load with full script -- still showing an error on list . . . $(document).ready(function() { if($('#externalList').length > 0) { $.ajax({ url:'https://www.datazoa.com/publish/gettingdata-01-1.asp', type:'get', dataType:'html', success:function(data) { var _html= jQuery(data); list = _html.find('Gdib GCfl'); // gets me an object (maybe?) with four elements for (i = 0; i <= list.length; i++) { console.log(list[i].innerHTML); //I get an error on HTML but it still seems to output correctly var node = document.createElement("li"); // create a <li> node var textnode = document.createTextNode(list[i].innerHTML); //create a text node node.appendChild(textnode); // append text to li document.getElementById("externalList").appendChild(node); // append li to ul with id="externalList" } } }) }; }); //external load function, simplified, with trigger $(document).ready(function() { if($('#externalList').length > 0) { $.ajax({ url:'https://www.datazoa.com/publish/gettingdata-01-1.asp', type:'get', dataType:'html', success:function(data) { alert('externaltLoad was successful!');} }) }; }); //external load function -- this does not work, comes up as undefined, etc. function extLoad() {$(document).ready(function(){ $.ajax({ url:'https://www.datazoa.com/publish/gettingdata-01-1.asp', type:'get', dataType:'html', success:function(data) { alert('extLoad was successful!');} }) }); } // script for loading gettingdata-01-1.asp $(document).ready(function() { if($('#gettingdata-01-1').length > 0) { $.ajax({ url:'https://www.datazoa.com/publish/gettingdata-01-1.asp', type:'get', dataType:'html', success:function(data) { _html= jQuery(data); titles = _html.find('.Gdib.GCfl'); expression = /http\S+?\"/ patt = new RegExp(expression); //titles = $(".Gdib.GCfl"); for (i = 2; i < 33; i ++) { title = titles[i].innerHTML; link = titles[i].getAttribute('onclick'); if(title) { if(title.includes('img')){ //console.log("skip this line"); } else { console.log(title); title = title.replace("&","&"); res = patt.exec(link); res = String(res).replace("\"",""); var node = document.createElement("li"); // create a <li> node var textnode = document.createElement("a"); textnode.setAttribute('href', res); //textnode.setAttribute('title', title); textnode.innerHTML = title; //var textnode = document.createTextNode("[" + res + " " + title + "]"); //create a text node //var textnode = document.createTextNode("<a href=\"" + res + "\">" + title + "</a>"); //create a text node node.appendChild(textnode); // append text to li document.getElementById("gettingdata-01-1").appendChild(node); // append li to ul with id="myList" } } //alert('externalLoad was successful!'); } } }) }; }); // js for changing the image if($('.changeimage').length > 0) { var image = $('.changeimage'); image = image[0]; image.style.background = "url(https://www.datazoa.com/img/vert_data_table.png)"; image.style.backgroundPosition = "0px 0px"; //change the first number for horizontal positioning, the second number for vertical image.style.backgroundRepeat = "no-repeat"; image.style.width = "600px"; image.style.height = "200px"; } // js for imgSnippet // Model: <div class="imgSnippet " data-styler="{ view: 'nnn', style: 'sss' }"></div> // Copy the View string from Decorator.asp //var g_althost = ''; // set to e.g. https://www.datahydra.com var g_althost = 'https://www.datahydra.com'; $('.imgSnippet').each( function() { var elem = $(this); eval( "var styler = " + elem.data('styler')); elem.attr('style', styler.style.replace(/SQ/g,"'").replace('/img/DocSamples',g_althost+'/img/DocSamples')); elem.addClass( 'decoratorView' + styler.view); elem.css('margin','0.5em'); if ( '' != g_althost ) { elem.text(g_althost); elem.css('color','orange'); elem.css('font-weight','bold'); } // watermark reminder when under development });