Codeigniter Integrate FB login with Web login - codeigniter

I have a web sign up system and I want to add a facebook sign up feature and possible a google+. What is the best approach to integrate the systems without overlapping data?
The thing is that the web sign up is triggered when a button is pressed and the facebook sign up is triggered when an anchor type button is pressed. Can I make a controller for when the anchor is pressed and build the href link inside?
HTML
<!-- Button for Web Log in -->
<input type="submit" name="regisSubmit" id="regisSubmit" tabindex="5"
class="form-control btn btn-register" value="Register now">
<!-- <a> for Fb Log in -->
<?php echo '<a href="'.$authUrl.'"><img
src="'.base_url().'assets/images/flogin.png" alt=""/></a>'; ?>

Related

recaptcha V2 'I am not a robot' does not prompt the user to click the checkbox and submits the form regardless

My web page displays the 'I am not a robot' tool, however, when I hit submit on my form, it handles the form and never asks the user to ckick the I am not a Robot checkbox.
I have tried to follow the coding examples in the developer's area of the Google ReCaptcha to no avail.
my site is https://richtemen.com/homeworth.html
Here is my current code on my site.
<meta http-equiv="Content-Language" content="en-us" />
<script src='https://www.google.com/recaptcha/api.js' async defer></script>
And by the end of my form.
<input type="hidden" name="URL_SUCCESS" value="https://richtemen.com/thankyou.html" />
<input type="hidden" name="ASSIGNED_TO" valuue="{xxx}" />
<div class="g-recaptcha" data-sitekey="yyyy"></div>
</form>
</div>
Thanks for any suggestions.
Rich

How to auto refresh a page on an embedded google form submit

Note upfront: I do not have any experience using scripts but only some basic HTML and PHP skills.
I would like a page on my google site to refresh automatically as soon as the embedded google form was submitted. This to instantly display the embedded and updated google form results after the button is clicked without the visitor having to reload the page manually. (like you would have for any online poll)
My form sheet is updating perfectly but I have not yet found an example or tutorial how to make a page refresh work for the google site with an embedded google form when the submit button is clicked. I hope someone can help me by providing an example on how to make this work. Preferably I would like to use an embedded google form rather than having to create a separate PHP form loading into google forms what could be an alternative. Thanks.
Below the HTML as I can see it on my Google page. I would need a trigger I guess from these embedded forms to refresh the page on submit. I just have no idea on how to get this done.
<div>
<div style="text-align:left">
<div><img src="https://www.google.com/chart?chc=sites&cht=d&chdp=sites&chl=%5B%5BSpreadsheet+form'%3D20'f%5Cv'a%5C%3D0'10'%3D499'0'dim'%5Cbox1'b%5CF6F6F6'fC%5CF6F6F6'eC%5C0'sk'%5C%5B%22test+int+sheet%22'%5D'a%5CV%5C%3D12'f%5C%5DV%5Cta%5C%3D10'%3D0'%3D500'%3D397'dim'%5C%3D10'%3D10'%3D500'%3D397'vdim'%5Cbox1'b%5Cva%5CF6F6F6'fC%5CC8C8C8'eC%5C'a%5C%5Do%5CLauto'f%5C&sig=5VZGSIULBu8sSdf833qiLWVDcx8" data-origsrc="1VACx4d2pJEZlvAezbO9Gnh_nX3nIPwSJ4iCNjEmCiUM" data-type="spreadsheet-form" data-props="align:center;borderTitle:test int sheet;doctype:freebird;height:400;objectTitle:test int sheet;showBorder:false;showBorderTitle:false;wrap:false;" width="500" height="400" style="display:block;margin:5px auto;text-align:center;"></div>
<br>
</div>
<div style="text-align:left"><img src="https://www.google.com/chart?chc=sites&cht=d&chdp=sites&chl=%5B%5BGoogle+Gadget'%3D20'f%5Cv'a%5C%3D0'10'%3D499'0'dim'%5Cbox1'b%5CF6F6F6'fC%5CF6F6F6'eC%5C0'sk'%5C%5B%22Include+gadget+(iframe)%22'%5D'a%5CV%5C%3D12'f%5C%5DV%5Cta%5C%3D10'%3D0'%3D500'%3D397'dim'%5C%3D10'%3D10'%3D500'%3D397'vdim'%5Cbox1'b%5Cva%5CF6F6F6'fC%5CC8C8C8'eC%5C'a%5C%5Do%5CLauto'f%5C&sig=t6_Deqv8rgMQCB28aqz1n9MoVTU" data-igsrc="http://164.gmodules.com/ig/ifr?mid=164&synd=trogedit&url=http%3A%2F%2Fhosting.gmodules.com%2Fig%2Fgadgets%2Ffile%2F106581606564100174314%2Fiframe.xml&up_iframeURL=https%3A%2F%2Fdocs.google.com%2Fspreadsheets%2Fd%2F1g2cGeavUciTy6po7_DXPXMNqC1fqTTROHRoTnsafFfM%2Fpubhtml%3Fgid%3D754672963%26single%3Dtrue&up_scroll=no&h=400&w=100%25" data-type="ggs-gadget" data-props="align:center;borderTitle:Include gadget (iframe);height:400;igsrc:http#58//164.gmodules.com/ig/ifr?mid=164&synd=trogedit&url=http%3A%2F%2Fhosting.gmodules.com%2Fig%2Fgadgets%2Ffile%2F106581606564100174314%2Fiframe.xml&up_iframeURL=https%3A%2F%2Fdocs.google.com%2Fspreadsheets%2Fd%2F1g2cGeavUciTy6po7_DXPXMNqC1fqTTROHRoTnsafFfM%2Fpubhtml%3Fgid%3D754672963%26single%3Dtrue&up_scroll=no&h=400&w=100%25;mid:164;scrolling:no;showBorder:false;showBorderTitle:null;spec:http#58//hosting.gmodules.com/ig/gadgets/file/106581606564100174314/iframe.xml;up_iframeURL:https#58//docs.google.com/spreadsheets/d/1g2cGeavUciTy6po7_DXPXMNqC1fqTTROHRoTnsafFfM/pubhtml?gid=754672963&single=true;up_scroll:no;view:default;width:100%;wrap:false;" width="500" height="400" style="display:block;margin:5px auto;text-align:center;" class="igm"></div>
<div style="text-align:left"><br>
</div>
<div style="text-align:center">
<div></div>
<br>
</div>
<div style="text-align:left">
<div style="text-align:center"><br>
</div>
<div style="text-align:center"><br>
</div>
<br>
</div>
</div>
I'm sorry to be the annunciator of a such bad news but that's impossible.
As your code show, you are actually using a google Site to display your google form. The line:
<img src="https://www.google.com/chart?chc=sites&cht=d&...
IS the way google tell you there is a google form in this page when you hit the button to get the source code.
In other words: google don't let you put whatever you want in a google site. It's impossible to add some JS code that will be fired when the user submit the form.
Even if you host your form in something else than a google Site, you won't have this ability, as the form himself will be displayed in an iframe that can't be modified by external scripts.
This is an hard limitation of Google Form, the only workaround that you may use is to write to the user in the confirmation message of the form that he now need to reload the page or go to an other link.

Search-form action attribute with Advanced AJAX Page Loader wordpress plugin returns "more than one title tag on the page.." warning in debug mode

I'm trying to enable search functionality of the Advanced AJAX Page Loader plugin on a custom wordpress theme I'm building, but after I enter keyword into search and hit enter, loader.gif keeps on spinning and I get this message in debug mode : "WARNING: You seem to have more than one title tag on the page, this is going to cause some major problems so page title changing is disabled". It also passes the url of the website twice into the address bar and I believe this has something to do with the action attribute that's being passed by the form.
This is the site in question: http://natalija.co.nf
I left the debug mode of the AAPL plugin on for now
This is my searchform.php code:
<form method="get" id="searchform" class="searchform" action="<?php bloginfo('url'); ?>">
<input type="submit" id="searchsubmit" value="" class="btn" />
<input type="text" size="10" name="s" id="s" value="" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"/>
</form>
I managed to ajaxify the theme with this plugin but I 'm having trouble getting the search to work properly so I was wondering if anyone here can help me out with this? It is driving me crazy.
I solved it. The code in search.php needs to be wrapped with a div class="searchform".

Dropdown login form without extensions

First of all, I'm starting with Joomla 3. I have a main menu with a login item and I want to dropdown the login form when this item is clicked, something like login on dropbox site.
I try hot login extension but not working well for me.
UPDATE
I create a new postion in my XML file called 'login'
<positions>
<position>login</position>
And add this to the index.php
<div class="span7">
<jdoc:include type="modules" name="menu" style="none" />
<jdoc:include type="modules" name="login" style="none" />
</div>
Finally, in the panel, I set to the Login Form module the login postion.
Now, my DOM is look like this:
<div class="span7">
<ul class="nav menu">Menu itens...</ul>
<form id="login-form">...</form>
</div>
How can I set the login form to open when the user click in one of the menu items?
Depending on the template, there are different methods. For example with Yootheme templates, you need to open the Login module in the Module Manager and set the position to "menu". With Rockettheme, you can set a module or a module position to a specific menu item via the Menu Manager.
Have a look at he demo site for the template you download and read any documentation as it will help.

Google Checkout View Cart Button

I'm trying to add a view cart button to my website that is using google checkout, does anyone know a trick to do this? I think I may need to use a special div with a class to create a button that will display the cart when clicked, I'm lost.
Thank you
The Google Checkout shopping cart has its own JavaScript and CSS APIs - you can use those to change the cart's appeareance and behavior to beter match yout website look and feel.
See this document for more info:
http://sites.google.com/site/checkoutshoppingcart/customising-cart-s-ui
<div class="product">
<input type="hidden" class="product-title" value="8x10 Product
<input type="hidden" class="product-price" value="19.95">
<a class="googlecart-add">Product Title</a>
</div>

Resources