Jump to content

Archived

This topic is now archived and is closed to further replies.

rijans

HTML/JS not making output

Recommended Posts

rijans    5
rijans

HTML/Java script type code not working(not giving output) in either of Textbox or media box. They just stay blank!

In case u want, the code is,

<script>
  (function() {
    var cx = '010246379168072596147:zwu_remky9w';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//www.google.com/cse/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:searchbox></gcse:searchbox>

Which is a Google CSE code. Any fix?

 

My site is TechGainer.com , and here's what I did >> https://drive.google.com/file/d/0B0vZboRb5S2OZS0yNmV5Q3hNZEE/edit?usp=sharing


.....Being a code noob, I want highest control as much as possible! What a mismatch! ......

.......Feeling Rockstar with DMS! .......

....I believe there's nothing like DMS....

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

the google drive link returns 

 

403. That’s an error.

Your client does not have permission to get URL/DqwDdniyoXVu50sUGM4VtYNxn1wx55BIqpy0dB1gjJR6xD6DoxvXXF6wWHr4pfRR87i9iVjbCZQsnNYfrom this server. (Client IP address: XXXXXXXXXX)

ACL Denied That’s all we know.


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
rijans    5
rijans

Martin Davies

 

Here's the image link http://postimg.org/image/k7rbqklqd/full/


.....Being a code noob, I want highest control as much as possible! What a mismatch! ......

.......Feeling Rockstar with DMS! .......

....I believe there's nothing like DMS....

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

HI,

 

The TextBox section is supposed to house nothing more than text, the MediaBox is supposed to house text, html and other media via html. None of them can house JavaScript. If you wish to implement javascript, I recommend you use a hook. For more information on hooks see our documentation here - https://github.com/pagelines/Docs/blob/master/advanced/hooks.md


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
rijans    5
rijans

HI,

 

The TextBox section is supposed to house nothing more than text, the MediaBox is supposed to house text, html and other media via html. None of them can house JavaScript. If you wish to implement javascript, I recommend you use a hook. For more information on hooks see our documentation here - https://github.com/pagelines/Docs/blob/master/advanced/hooks.md

 

Danny

Then take a look at http://docs.pagelines.com/tutorials/using-sections ... Checkout the TextBox info >>>......" Textboxes can usually accommodate HTML, PHP or shortcodes in addition to text".......<<<<
Then what's that?


.....Being a code noob, I want highest control as much as possible! What a mismatch! ......

.......Feeling Rockstar with DMS! .......

....I believe there's nothing like DMS....

Share this post


Link to post
Share on other sites
Simon    247
Simon

Javascript is not HTML.

Anyway I created a custom search to test this, I added a textbox and put this code in it:

 

<script>
(function() {
var cx = '002850982299749365326:eonehb8boro';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//www.google.com/cse/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<gcse:search></gcse:search>

 

And that works no problem. So either the code you are entering is wrong/broken or google is blocking your site.

Maybe you should ask them?

Add your code to a blank html file on your server and open that in a browser, see if that works, or try my code.

  • Like 1

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

I've also updated the documentation on that page, as that was incorrect.

  • Like 1

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
rijans    5
rijans

Javascript is not HTML.

Anyway I created a custom search to test this, I added a textbox and put this code in it:

 

<script>
(function() {
var cx = '002850982299749365326:eonehb8boro';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//www.google.com/cse/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<gcse:search></gcse:search>

 

And that works no problem. So either the code you are entering is wrong/broken or google is blocking your site.

Maybe you should ask them?

Add your code to a blank html file on your server and open that in a browser, see if that works, or try my code.

 

Interestingly this code is working on my site in text box!!!! but none of mine!!!!!!


.....Being a code noob, I want highest control as much as possible! What a mismatch! ......

.......Feeling Rockstar with DMS! .......

....I believe there's nothing like DMS....

Share this post


Link to post
Share on other sites
rijans    5
rijans

@galeksic 

It's great to see you here! 

Thanks for your assistance and time!

  • Like 1

.....Being a code noob, I want highest control as much as possible! What a mismatch! ......

.......Feeling Rockstar with DMS! .......

....I believe there's nothing like DMS....

Share this post


Link to post
Share on other sites

  • Similar Content

    • chamois_blanc
      By chamois_blanc+
      I am trying to clone a container on a page. It throws the following javascript error:
      function l(b, c, e, f) { var g = m.a.f.get(b, p); if (!c) { if (g) throw Error("You cannot apply bindings multiple times to the same element."); m.a.f.set(b, p, !0) } I would appreciate guidance and a fix. Thank you
    • Jeremiah
      By Jeremiah+
      Error: editing.js?ver=930684:5 Uncaught TypeError: Cannot read property 'getData' of undefined
      I have all of the plugins disabled and I still receive the error.
      Page Editor will not load on page.
       
    • oseehys
      By oseehys+
      Can someone give me a breakthrough out here?
      I have been on the media player for like 5 hours now yet it is still not displaying on my media box or the textbox,
      its a free media player on soundclound
      Great day ahead to the developers out here...
      am trying to install the Toneden media player https://www.toneden.io/player to display my songs on sound cloud, i followed everything on the doc, but obviuosly am missing something i did everything i can for 5 hours yet no breakthrough, am using the textbox as display.
      This is the html script i used, what am i missing here? see it below
        (function() { var script = document.createElement('script') script.type = 'text/javascript'; script.async = true; script.src = 'http://sd.toneden.io/production/toneden.loader.js' var entry = document.getElementsByTagName('script')[0]; entry.parentNode.insertBefore(script, entry); }()); ToneDenReady = window.ToneDenReady || []; ToneDenReady.push(function() { ToneDen.player.create({''enter code here'' dom: '#player', urls: [''https://soundcloud.com/reginaspektor'' ] }); });
    • wesleymusgrove
      By wesleymusgrove
      I'm trying to execute some simple JavaScript inline in the style.less file of my child theme.  But it causes some LESS compiler error and completely breaks the DMS editor so I can't edit anything or use the toolbar on the frontend.
      @all-background-colors: "#D09EC8,#F2DD8B,#84e0cd,#F3904E"; @background-color: color(~`@{all-background-colors}.split(',')[Math.floor(Math.random()*@{all-background-colors}.split(',').length)]`); body { background: @background-color; } On http://less2css.org/, this snippet works and randomly changes the body's background to 1 of the 4 colors in @all-background-colors.
      Even something as simple as this anonymous function breaks the compiler:
      @color: ~`(function(){ return "red"; })()`; body { background: @color; } The only way to fix the DMS editor is to remove the JS from my style.less file, and then edit and save the LESS fallback section in the dashboard.
      I tried setting PL_LESS_DEV in my wp-config.php according to http://www.pagelinestheme.com/dms-custom-less-tips/, but it doesn't clear the cache every page refresh like it's supposed to.
      define('PL_LESS_DEV',true); Is it possible to execute this kind of JavaScript in the style.less file of a DMS child theme?
    • jfsturtz
      By jfsturtz
      Hi again.
       
      I'm aspiring to place an image on a page with a MediaBox, then define an HTML image map (<map>, <area> ...), then define an HTML <canvas> over it, then draw on the canvas with custom javascript.
       
      Before I spring $25 -- is Hooker the right guy for this job?  I know you can't support custom script; I'm fine with that -- I've got it all developed and working in JSFiddle.  I just want to know if Hooker is the right (or at least a workable) way to integrate it into my DMS2 site.
       
      Thanks.
       
      /John
×