ADT Posted December 19, 2016 Share Posted December 19, 2016 Probably a dead easy thing to do... we used to have a Google search widget on Frog 3... I assume it would be dead easy to find some code that I could slap into a HTML widget.... but thought it just as easy to ask here if people have already done it!! Link to comment Share on other sites More sharing options...
Corinne Posted December 19, 2016 Share Posted December 19, 2016 This is something we would find really useful too. Never did get the Frog 3 one to work well before we switched our website over. Link to comment Share on other sites More sharing options...
ADT Posted December 19, 2016 Author Share Posted December 19, 2016 (edited) Come on @Graham Quince put that bacon sandwich down and get coding..... Edited December 19, 2016 by ADT 1 Link to comment Share on other sites More sharing options...
Graham Quince Posted December 19, 2016 Share Posted December 19, 2016 Do you have one on a page in Frog3 i could look at? Link to comment Share on other sites More sharing options...
ADT Posted December 19, 2016 Author Share Posted December 19, 2016 Its on our student dashboard!! Link to comment Share on other sites More sharing options...
ADT Posted December 19, 2016 Author Share Posted December 19, 2016 Its nothing flash... I could probably find some code for a Google search bar in secs... but it obviously has to look nice ish... Link to comment Share on other sites More sharing options...
Graham Quince Posted December 19, 2016 Share Posted December 19, 2016 Ok, that you. now that I see it, you're just wanting a form to open search results in a new tab Link to comment Share on other sites More sharing options...
ADT Posted December 19, 2016 Author Share Posted December 19, 2016 Yep... but it has to look nice.... Link to comment Share on other sites More sharing options...
ADT Posted December 19, 2016 Author Share Posted December 19, 2016 There is a way to create a nice custom google search.... that opens a pop up to show results... but that's to search your own site!! Link to comment Share on other sites More sharing options...
Graham Quince Posted December 19, 2016 Share Posted December 19, 2016 <style> /* Adding some styling to the overall search */ .googleSearchContainer { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5e5e5+0,ffffff+94,bababa+100 */ background: #e5e5e5; /* Old browsers */ background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 94%, #bababa 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 94%,#bababa 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #e5e5e5 0%,#ffffff 94%,#bababa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#bababa',GradientType=0 ); /* IE6-9 */ padding:10px; border-radius:10px; } </style> <!-- This is a simple form which opens a Google search, target="_blank opens it in a new tab --> <form method="get" action="http://www.google.com/search" target="_blank"> <div class="googleSearchContainer"> <!-- to add a Google logo, we need an image source. I've uploaded one to the community site, but you might want to make your own. --> <img width="84" alt="Google Search" style="float:left; margin-right:20px; display:inline-block;" height="42" src="https://www.frogcommunity.com/app/file/asset/B86E8730200307B938CE4FD07643260F91C219AC171C65DC.png"> <table align="center"> <tr> <!-- This search box has a width of 200px, you can adjust that to fit your layout --> <td style="height:30px;"><input type="text" style="width:200px;" name="q" size="17" maxlength="200" value="" /></td> <!-- using bootstrap classes btn and btn-danger to make a red button --> <td style="height:30px;" valign="top"><button class="btn btn-danger" type="submit">Search</button></td> </tr> </table> </div> </form> 1 Link to comment Share on other sites More sharing options...
ADT Posted December 19, 2016 Author Share Posted December 19, 2016 That'll do pig... that'll do..... 1 Link to comment Share on other sites More sharing options...
Graham Quince Posted December 19, 2016 Share Posted December 19, 2016 @Corinne - now if only we knew someone with access to the FrogCode beta, who might be looking for a widget to build... @ADT - we can remove reputation points you know Link to comment Share on other sites More sharing options...
ADT Posted December 19, 2016 Author Share Posted December 19, 2016 What for??? I was quoting from the film Babe!! Link to comment Share on other sites More sharing options...
Graham Quince Posted December 19, 2016 Share Posted December 19, 2016 Calling me "pig" that's what for. And yes, i got the Babe reference. I also shoved in a smiley Link to comment Share on other sites More sharing options...
ADT Posted December 19, 2016 Author Share Posted December 19, 2016 (edited) Hold your horses.... I never called anyone anything.... you are merely putting two and two together...... Edited December 19, 2016 by ADT 1 Link to comment Share on other sites More sharing options...
ADT Posted December 19, 2016 Author Share Posted December 19, 2016 So how to I change the icon to be the one Ive just uploaded to somewhere on our Frog? Link to comment Share on other sites More sharing options...
Graham Quince Posted December 19, 2016 Share Posted December 19, 2016 Right-click on your new image and choose "Copy image address", then paste that address into the src of the <img> bit Link to comment Share on other sites More sharing options...
ADT Posted December 19, 2016 Author Share Posted December 19, 2016 Easy really!!! 1 Link to comment Share on other sites More sharing options...
ADT Posted January 5, 2017 Author Share Posted January 5, 2017 (edited) That's better...... Edited January 5, 2017 by ADT 1 Link to comment Share on other sites More sharing options...
ADT Posted January 31, 2017 Author Share Posted January 31, 2017 @Graham Quince Erm... that bar doesn't work in IE???? You cant type in it!! Link to comment Share on other sites More sharing options...
Graham Quince Posted January 31, 2017 Share Posted January 31, 2017 This is completely bizarre! Seems to be an annual problem with IE. There's posts and fixes going back years on the internet. @Chris.Smith any ideas? Link to comment Share on other sites More sharing options...
Graham Quince Posted January 31, 2017 Share Posted January 31, 2017 After much searching...still not got a permanent solution, but... if you click near (or on) the text box then hit the tab key, the input retains focus and allows you to type. Also, for some reason the original code i posted had the Search set up wrong. It needs to be a submit button. i've edited the original entry to reflect this. Link to comment Share on other sites More sharing options...
ADT Posted January 31, 2017 Author Share Posted January 31, 2017 8 minutes ago, Graham Quince said: After much searching...still not got a permanent solution, but... if you click near (or on) the text box then hit the tab key, the input retains focus and allows you to type. Also, for some reason the original code i posted had the Search set up wrong. It needs to be a submit button. i've edited the original entry to reflect this. Bloody rogue programmers......... :OP Link to comment Share on other sites More sharing options...
Chris.Smith Posted January 31, 2017 Share Posted January 31, 2017 @Graham Quince @ADT Disappointed with you both for not spotting the FrogOS Global Search box lighting up... See me after class. <script type="text/javascript"> this.element.find('input').on('click', function(ev) { ev.stopPropagation(); }); </script> Stick this at the bottom of @Graham Quince's code and you should be golden 1 Link to comment Share on other sites More sharing options...
ADT Posted January 31, 2017 Author Share Posted January 31, 2017 8 minutes ago, Chris.Smith said: @Graham Quince @ADT Disappointed with you both for not spotting the FrogOS Global Search box lighting up... See me after class. <script type="text/javascript"> this.element.find('input').on('click', function(ev) { ev.stopPropagation(); }); </script> Stick this at the bottom of @Graham Quince's code and you should be golden Its not the fact I didn't notice... I just didn't say I noticed........ Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now