I am creating an app for network design and I need to be able to load a blank div when the user clicks on the New button.
The JQuery UI has a functionality exactly how I want it to be but it uses text area and if I use this, I won't be able to click and drag into the div.
This is the link.
These are my codes found on liveweave: http://liveweave.com/neFP7y and the following is the screenshot:
I need the tab to open in the blank space. Any idea how I can do this please?
Thanks.
<div> your page
<iframe src="http://www.w3schools.com//" height="400px;"></iframe>
</div>
Related
I want to recreate a tab like this in the below link so when u for instance click on another tab it remove the content and loading the new with a loading image. In below link try and click under 21 in the tab and u see it slides the content out and show loading image and then show the new content? How can i achieve similar effect?
So far i've tried by using pure css/html tabs however it seems like it cant be done that way.
http://themes.goodlayers.com/realsoccer/fixtures-results/
You can use jquery Tabs
"A single content area with multiple panels, each associated with a header in a list." :
http://jqueryui.com/tabs/
Im stumped..... I'm using Fancybox jquery plug in to display some iframes over the top of my page in a lightbox style.... i have it all working but if I try to link to an external website from within the lightbox using the normal somesite
I before you suggest it I have tried target="_blank"with no luck.
it opens in the lightbox not in the original window, I dont mind if it opens in a new tab or windows I just cant have it opening in the lightbox... has anyone else experienced this before?
Just to make sure that I have understood the scenario here -
You have a link that when clicked, opens the content in a fancybox pop-up.
This content has some text and within that, it has a somesite link. You have also tried target="_blank".
When this <a>..</a> is clicked, it should act like a normal link and open in a browser (new tab or window). But it opens the this link in the fancybox pop-up instead.
If that's the case then I tried it and the link opened in a new tab.
Please clarify the above doubt of mine.
Thanks.
Try target="_parent" instead of target="_blank"
See following example:
somesite
I am trying to make a Google Chrome app that automatically opens a YouTube site and clicks on the expand button, or any button.
I tried to use the following JavaScript:
$('#logo').click(); , .trigger('click');
But nothing happens.
Does anybody know how to do it?
Thanks
The thing you're clicking must be clickable. There is a link around the logo (id="logo-container") you need to click that, not the logo itself. Right click on the logo in chrome, select inspect element and then you'll see what the <a> tag is around the img.
Try this:
$('#logo-container').click();
My page structure is like
I have a html page which consist of a jQuery Dialog.
Within the jQuery Dialog a screen opens within iFrame.
Now the problem I am facing is - I want to close jQuery Dialog by clicking a button within iFrame. (For e.g. If my iFrame source is Google.com, then on click of search button my dialog box should close)
So, Can I write close call handling click event of search button in $(document).ready(function() of my html page?
Note :- iframe source is not accessible.
If no, then what are the other possible option to do it?
Thanks in Advance.
If the iFrame source is on a different domain than you cannot do this.
Options
Use the Dialog's built in close functionality
If the position of your item that you want to trigger the close is fixed, you can overlay a div covering. Fire the close event on the clicking of the div. http://jsfiddle.net/YvbPB/
See jQuery/JavaScript: accessing contents of an iframe my friend.
I'm using modal, modeless divs (I mean fixed, styled divs) on my HTML page. This page contains iframes with modal divs as well.
When I open a new div on the page, I need to disable keyboard events on the parent page (opener page). Also I need to be able to handle tab key presses on the parent page.
I have Googled, but I haven't found any solution for solving this issue.
Do you have any suggestions or ideas?
Maybe jQuery with this plugin could help you? Keybinding is made simple, and to disable a key (ex CTRL+F) you simply write:
$(document).bind('keydown', 'Ctrl-f', function(evt) {return false;});