Jump to content
K.Ermit

Linguascope's script doesn't work

By K.Ermit, in Common Questions

Recommended Posts

K.Ermit    1

K.Ermit
Posted

Hi,

I have been provided with this code from Linguascope, but it doesn't work in the HTML widget.    

<script language="javascript" src="http://www.linguascope.com/link/login/linguascope_login250x250.js"></script>

Can anyone help please?

Share this post

Link to post
Share on other sites

Graham Quince    562

Graham Quince
Posted

I've had a look at Linguascope's code and it actually just generates a login box.  Frog blocks external scripts from loading, but the html is ok to use, so this should work for you: 

<div id="linguascope_login" style="width: 250px; height: 250px; font-family: 'Comic Sans MS', Chalkboard, sans-serif; font-size: 16px; border: none; background-image: url(https://www.linguascope.com/link/login/LinguascopeLogon250x250.jpg); background-repeat: no-repeat; margin: 0 auto; padding-top: 88px;">
<form class="form-inline" action="http://www.linguascope.com/secure/login.php" method="put" target="_blank">
<div class="form-group">
<div style="width: 280px; height: 47px; margin-left: 10px; padding: 0px;"><input class="form-control" id="username" type="text" name="username" value="" placeholder="Username" onclick="event.stopPropagation();" style="width: 182px; height: 25px; font-family: 'Comic Sans MS', Chalkboard, sans-serif; font-size: 18px; margin: 0 0 0 24px; padding: 0;"></div>
<div style="width: 280px; height: 35px; margin-top: 6px; margin-left: 10px; padding: 0;"><input class="form-control" id="password" type="password" name="password" value="" placeholder="Password" onclick="event.stopPropagation();" style="width: 182px; height: 25px; font-family: 'Comic Sans MS', Chalkboard, sans-serif; font-size: 18px; margin: 0 0 0 24px; padding: 0;"></div>
<input type="hidden" name="login_checksum" id="login_checksum" value="linguatest">
    <div style="width: 280px; height: 35px; margin: 3px 40px; padding: 0;"><button id="loginbutton" type="submit" value="Log In >" class="btn btn-danger" style="font-size: 1px; text-indent: -1000px; background-color: transparent; background-image: url(http://www.linguascope.com/link/login/LinguascopeLogonSubmit.png); color: #FFF; border-radius: 5px; border: none; width: 86px; height: 36px;"></button>
</form>
</div>

 

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
Go To Topic Listing

  • Similar Content

    • Sean_M
      Media Widget - Autoplay
      By Sean_M
      Is there a bit of html I can add to a page to autoplay videos in the Media widget on page load?
       
      Many thanks
      Sean
    • Graham Quince
      Changing menus to Frog to open external links, subpages and sites
      By Graham Quince
      Some of you have already spotted this tutorial, but we've just updated it to reflect feedback from schools.
      You can now use the same code 'hack' a menu to open external links, subpages and even sites
      https://www.frogeducation.com/community/tutorials/frogcode-tutorials/external-links
    • K.Ermit
      How can I change the default font size of the text widget?
      By K.Ermit
      Every time I add in a text widget,, I have to resize the text, as it starts too small, is there a way of setting the size be default?
    • Dawn Spears
      File Drop Slideshow
      By Dawn Spears
      Hi,
       
      I have set up a sildeshow, using a file drop as detailed in the tutorial below:
      http://www.frogcommunity.com/app/os#!filedrop/slideshow
       
      My first slideshow was working correctly, and I could add/remove files to the drop and the correct pictures were showing.
      I then tried to add another slideshow (on a new tab within the site), so set up a new file drop, got the new ID and created the HTML again as per the tutorial, however the second file drop won't work as expected. The pictures from the second file drop show up in the first slideshow, despite them having completely different IDs. If I set up a list of file names for the second file drop, the files are correct, but they are showing on the wrong page. Sometimes they appear as part of the slideshow, and other times the new pictures are above the first pictures. I will attach some screenshots so that hopefully you can see what I mean.
      Additionally, the first file drop will work correctly until I try and look at the second file drop, then when I go back to the first I have the problem (caching issue maybe?).
      First file drop showing Micky Mouse correctly:
       
       
      2nd file drop showing only the file name (testing) widget. The file drop arrows show up but no pictures.

       
      Now, I go back to the first tab and Goofy is showing despite him being on the other file drop.

       
       
      Any ideas?
       
      Kind regards
       
      Dawn
    • mobrien
      Calendar Widget - removing the Skeuomorphism!
      By mobrien
      Dear Community,
      On the Frog website designs showcase page, there is a link to Theale Green School. We have noticed that they have a calendar widget on their homepage without the skeuomorphic red rings at the top.
      Does anyone have some code to achieve this with the HTML widget? All I have managed to do so far is remove the header text.
      Thanks,
      Michael

×
×
  • Create New...