Facebook Send button dialog does not display fully - php

The dialog after clicking the Send button of Facebook seems to be truncated. I use this code to add the button to content.php of a WordPress site. The parents div display completely but this child div doesn't.
<div class="fb-send"></div>
Picture of the dialog - Click here to see (I am a newbie here so I can't post picture)

Related

Display login popup to users in wordpress on "Read more" click in posts

I am pretty much new to wordpress. In my posts I have a "read more" anchor tag which I have included as part of the post content . If the user clicks that and if they are not logged in yet , I want to show them a popup which displays the usual wordpress login form. I found no way to figure out whether the user is logged in or not at the client side or in the edit post window.
How to solve this?

Change background color of different website in single iframe

In parent frame, there are three links (of different website - subdomains) and one button which opens a modal window. iframe has a default website, but the website changes whenever any link is clicked. I want to change the background color in iframe with the help of modal window, such that when any option in modal window is selected and submitted, it changes the background color of website in iframe.
I tried doing it with session variable but able to change background color only of default website.
Please suggest some ways to do it for all the website in single iframe.
Update:
In main.php file:
<iframe src="https://www.try1.com?bkg_color=<?php echo $_SESSION['bkg_color']; ?>" name="box" id="box">
</iframe>
Links for iframe:
Link1
Link2
Link3
Form:
There is a button in parent window, when clicked, pops up a modal window and user select option from the drop down list. After selecting, user clicks submit button.
Submit Button:
<?php
if (isset($_GET['submit'])) {
$_SESSION['bkg_color'] = $_GET['bkg_color'];
}
?>

href + Slider (info)

I have an issue and I can't seem to get around it.
I have button that opens up a slider in the same page (move a section of the page right and reveal text underneath) but when you click on the button I want to point to the href to move the text-slider to the top of the page and also execute the slider function to activate.
Here is the code:
<div id="st-trigger-effects">
<button ng-click="edu_non_sports()" data-effect="st-effect-3" class="btn- transparent sidebar-btn">
<img src="images/non-sport-extra-murals.svg">
</button>
Its just a basic button that activated the slider, but it is set to a specific section on the page. So when when you click on the button, it opens the slider but you have to then scroll to see the section that was opened.
So I want to know, how can I get the button to:
Move to the section of the page I want to see on the screen, and then also
Execute the code that actually opens the slider to reveal the text

How to reload a parallax page to the top section on browser back button In parallax?

I have implemented parallax in my website with animation and dynamic data in down section. But when I move to another page and come back to same page with browser back button i lost all my dynamic data and animation, I brought from DB.
I want to reload a page when user clicks back button so that user will be in top section.

how to actiavte fancybox after submit button pressed or how to let the user show sign up screen using fancybox after submit

Desired Operation : User will fill out the html form and when press the submit button then I want to validate the user type and if it is guest then it should show a fancybox(popup) screen to sign up for that user because I dont want to save values with guest user. The code I have mentioned in the question is fine but HOW CAN I ACTIVATE THE FANCYBOX SCREEN AFTER VALIDATING THE USER.
I am trying
if($_SESSION['FIRST_NAME']=="Guest")
{
// here I want the code to show the signup.php page
print '<a id="loginframe" href="Signup.php">Sign Up here</a>';
}
How would I activate the fancybox screen coz I dont want to show the link but the activated fancybox firectly with the signup.php iframe. (fancybox is working fine)
If possible, I suggest that you avoid using iframes in this particular case.
What I would do is use AJAX to submit the form. That way, the page will not be reloaded and you'll have a js callback function where you can trigger Fancybox. (Jquery.ajax, jQuery Form)
Here is how you can programatically trigger Fancybox:
How to programatically trigger fancybox with an inline div?
I hope this helps.

Categories