Jquery :: Launching A Floating Iframe Without Yui / Plugins?
Jun 17, 2011
One of the features of a site I'm working on is a button similar to the Facebook "LIKE" or Twitter "Tweet" [really exciting stuff to help with, right? ]
As such I need to be able to open an iframe as a layer on the page but can't load up a framework given the weight and potential for conflicts. The goal here is to be as light as possible while also avoiding conflicts. The page is multi-part so a simple layer won't do, it has to be a full fledged iFrame with the ability to fade the underlying window and close it down while also floating over page elements, drop downs, even flash.
Colorbox-min would be an ideal solution but the dependancy kills it. I do pretty well with frameworks but on my own am a JS novice. In a world full of ready made scripts,
View 5 Replies
ADVERTISEMENT
Jul 23, 2005
Don't know if this is the right place to post this JavaScript issue. If not, could someone point me in the right direction please.
I am trying to make a "cross browser compliant" floating iFrame. Not real fancy, just load, resize and move.
But, I do not have the browsers, OSs and different machines (like Mac) to test the code on.
So I need some help to see where this basic example of works and does not
work. That is, some help testing and correcting it if possible.
So far, I know it works on these: IE6 Win98, IE6 Win2000Pro, Netscape 7 Win200Pro, FireFox XP Home & XP Pro and IE6 XP Pro. But what about, PC IE5, IE5.5, Opera, and Mac (all), as well as others I've omitted.
View 6 Replies
View Related
Oct 7, 2009
I am using a jQuery plugin called simpledialog. It normally launches with a button click or a link click, but I want it to launch conditionally instead. I'm doing some javascript checks and if statements and if they go thru, I want to launch the pop up, without anything being clicked or anything. Essentially as soon as the browser loads the web page. I couldn't really find any plugins that support this feature, so it there maybe a workaround?
View 1 Replies
View Related
Apr 18, 2011
I try to open a file chooser dialog when pressing a button.
Here is what i have up to now.
I took that example here [url]
View 3 Replies
View Related
Apr 7, 2004
im launching a new site that is the same topic as another site i have
i want to launch the new site as a pop up or pop under from the established site.
What code would i use to generate it so that this only happens per unique visitor and not per page impressions.
View 3 Replies
View Related
Feb 2, 2010
What I'm after or trying to do is simply create a script to launch a new page after a X amount of time, like a popup. But I need the new window to have the following options like no toolbar or scroll bars etc... This is the code I've been trying to manipulate for my purpose and just can't get it right meaning it doesn't work at all in fact I haven't even been able to get the timer part worked in since I couldn't get the launch part working..... I've made a web app using asp.net & vb.net and need a launch page so I don't have any toolbars or scrollbars etc....
<html>
<script>
var customerWindow;
[code]....
View 10 Replies
View Related
Jan 11, 2010
I don't know why this won't run. maybe i have the body that calls the function "show_prompt()" and "byebye()" wrong? [code]...
View 3 Replies
View Related
Feb 12, 2010
I am trying to launching a centered browser window via a form-button using the following code...
<button type='button'
onClick="window.open('myURL','testwin','width=400, height=400, left=(screen.availWidth-400)/2, top=(screen.availHeight-400)/2'); return false">
Test button</button>
The new browser appears the correct height and width, but the left and top clauses are ignored.Am I being too ambitious trying to make this code in-line? Is there any other syntax I should use or should I give-up and call a function instead (I would rather not if I can avoid it)?I am using Firefox 3.0.17 (latest), but the same effect happens in IE7.
View 1 Replies
View Related
Feb 12, 2010
I am trying to launching a centered browser window via a form-button using the following code...
<button type='button'
onClick="window.open('[URL]','testwin','width=400, height=400,
left=(screen.availWidth-400)/2, top=(screen.availHeight-400)/2'); return false">
Test button</button>
The new browser appears the correct height and width, but the left and top clauses are ignored. Am I being too ambitious trying to make this code in-line? Is there any other syntax I should use or should I give-up and call a function instead (I would rather not if I can avoid it)? I am using Firefox 3.0.17 (latest), but the same effect happens in IE7.
View 2 Replies
View Related
Mar 24, 2010
I have used the jqueryui plugin for a couple of websites, and I've had this problem many times. I download the files to my site folder, and when I make the tab, the datepicker, the dialog, or any other, they look way bigger than what they are supossed to be. I've tried downloading the files again, and it looks the same way.
View 8 Replies
View Related
Jul 2, 2010
what is wrong with this plugin? text is not added!
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>jQuery plugin: reverseText demonstration</title>
<script type="text/javascript" src="jquery-1.4.2.js"></script>
[Code]...
View 1 Replies
View Related
Oct 1, 2010
This is the first week I've been using jquery. I have successfully incorporatedthe "dialog" widget into a site. Now I'm trying to download and use plug-ins. I haven't found how to download a plug-in or instructions on how to install. (Maybe the instructions will show up in the download.)
View 2 Replies
View Related
Dec 18, 2011
I am trying to use 2 different jquery plugins on the same page of website. I can get one to work at a time, but not both at the same time. The plugins are a Countdown and Slider.I am a graphic designer, with very little javascript experience. The red code is for the Countdown and the blue code is for Slider
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
[Code].....
View 2 Replies
View Related
Jul 29, 2010
I've beenstrugglingwith this for a while now and I don't believe I'm the only one. So let's hear it, how do you call to different plugins on one page and not clutter it with DOM ready's?I'm currently doing it like this, but there's probably a better way:
In the <head />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
[code]....
View 1 Replies
View Related
Oct 27, 2010
I have a number of Jquery plugins being called through my Drupal Acquia Marina theme .info file. They work fine in all popular browsers with the exception of IE6 and IE7, in which they don't appear to load at allSome of the plugins are very basic, like the following slidetoggle, which like all of them, exists as a a .js file referenced in a .info script call - $(document).ready(function()
[Code]...
View 3 Replies
View Related
Apr 19, 2011
I have a site with a bunch of pages. Most pages have some kind of jquery-enabled behaviour. Some don't. Some pages require the loading of plugins. Not all pages require the same plugins.I have a working, single js script for all the behaviours across my site.The browser loads a page. A plugin, say fancybox, is not required for that particular page. It is, however, required for another page on my site.The browser console flags an error: fancybox, called by my script for its use on other pages, is not present.Therefore "$(something).fancybox is not a function".This probably also means that my single file will stop running on that page.I guess I could include the plugin for loading on that page. That eliminates my error. But it means an unneccessary http request and loading time. Of course, that could be helpful if this page is the first page that the visitor hits before moving on to a gallery page where fancybox is required.
I guess I could also break up my single behaviours file into seperate files for similar pages. Similar in terms of their requirements. That lightens the loading time and eliminates the error, but adds another level of complexity to maintainance. It's not really scalable.
View 3 Replies
View Related
May 3, 2011
i using some jQuery scripts on a new Webseite and have 2 jQuery Errors on IE7. Can every one help me?
First Error: jQuery('.rating').rating({ startValue: '' });Errors Message:
[Code]...
View 2 Replies
View Related
Jul 27, 2009
I have created a new site that has a contact page and am trying to use the Forms plugin and Validation plugin. I can get the validation plugin to work fine and submit the form when it is valid but I am trying to use AJAX to update a div when the form has been successfully sent. All that is happening is it sends the form then validates meaning I get empty emails..
This is my code:
The output div should have already been updated with the responseText.');} </script> and the webpage is [url].
View 1 Replies
View Related
Mar 17, 2011
i'm having trouble with using multiple jquery plugins in the same page. only one or two plugins work.
View 14 Replies
View Related
Jan 11, 2011
I need 2 jquery loads for 2 different plugins here is the problem section:
<script type="text/javascript">
google.load("jquery", "1.3");
</script>
<script type="text/javascript" src="Js/plupload.full.min.js"></script>
<script src="Js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="Js/jquery.dimensions.js" type="text/javascript"></script>
I can't seem to load both at the same time, using first for a uploader and 2nd for my sidebar.
View 1 Replies
View Related
Jul 14, 2010
I currently have a couple old plugins (autocomplete 1.1 by Joern Zaefferer - json version, and datepick by Keith Wood) that do not work with 1.4.2, but do with 1.3.2. I'm wondering if it's possible to somehow force or modify them to work with the new version of jQuery.I know they both have new versions, and are now a part of jQuery UI, but I can't seem to get the UI versions to work. UI also seems more bloated than I need, for just a few functions.
View 2 Replies
View Related
Apr 5, 2011
I'm starting to use jQuery lately. I'm trying to combine jquery.selectbox-0.5_style_3 with another script to google maps v3. If I don't use styling selectbox, I don't have any problem with selecting some option from selectbox and centering map on coords which are values of this selectbox. But since im using styled selectbox (changes <option> to <li>). I have no idea how to trigger google maps script to work when i change value on styled selectbox. I have actual value from styled select, but don't know what to do next..
View 2 Replies
View Related
Apr 8, 2010
i am trying to use both the lightbox plugin and a fade in/out effect [URL] at once on a set of thumbnail pictures in a website. [you can see the site as it is so far here [URL]For some reason, only one or the other will work. My <head> currently looks like this:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="title" -->
[code]....
View 1 Replies
View Related
Jun 1, 2009
Ok, this is my last resort, as I've been working on this for a while and am completely stumped. I'm probably just doing something stupid that I haven't noticed, Essentially my problem is this: on this website I'm developing, users can submit photos for a monthly contest. I'm using the Lightbox plugin with prototype and script.aculo.us to display winners from the past few months, and the Validate and Form plugins for jQuery to display a form where users upload their pictures. Thus, I have this in the head of my document:
[Code]...
View 2 Replies
View Related
Jul 18, 2011
using the fixedheadertable.js plugin I bumped into what looks likes an underlying bug of Jquery. Atextarea in a rowspaned cells doesn't fill the subsequent rows ; except if a arbitrary string (a single character do)is put before the textarea. The following spans correctly the 5 rows (taken from the demo test.html of the plugin.the html is very simple and looks valid):
[Code]...
View 4 Replies
View Related
Dec 30, 2011
There is already a question like mine but the i think my scripts are different :S I too want to "use 2 different jquery plugins on the same page for a website I'm making. At the moment I can only seem to get one working at a time, but not both. The plugins I'm using are Coda-Slider and FancyBox. I want to use FancyBox within the content of Coda-Slider." i Also do not know much of javascript..
[Code]...
View 6 Replies
View Related
