How Do I Provide Alternate Or Default Site If Iframe Src Is Not Available?
Mar 7, 2007If a iframe src link is not available, how can i provide a default
site or alternate site for the iframe to use?
If a iframe src link is not available, how can i provide a default
site or alternate site for the iframe to use?
I have a quiz embedded on my site that originates elsewhere (QuizRevolution.com) and is embedded on my site via a link (plus some other code), part of that code being in an iframe. The quiz contains YouTube videos that, because of how the quiz is set up by QuizRevolution, will not play in browsers/devices without Flash (for example, the iPad). What I would like to do is put some script on my site that will load a SECOND quiz from QuizRevolution (this one without video) for browsers/devices without Flash. This second quiz will substitute for the first one. Does anyone know how to do this? The tricky part seems to be how I have embedded the quiz in my site, so I have included that part of the page here:
[Code]....
Is there any way to display "Processing" message, by default, in the iframe triggering by jQuery from the parent window? IFrame is runing CURL function and with PHP 5.2 I can't display any message there so I need to have there something by default.
View 2 Replies View RelatedI need this iframe for a facebook tab, since they changed the width to 520px. The original page in the iframe is 700px wide, and I've changed a few CSS properties using the frameReady plugin. It's works just fine, but trouble starts, when i'm navigating the target site, the CSS properties I've changed goes back to the original settings.
This is my code:
<script>
$.frameReady( function() {
$("#gmap-auto1map-gmap0").css("width", "520px");
$(".views-view-grid").css("width", "520px");
[code]....
Try clicking any of the 'view on map' links, then you'll see where I'm getting at.
How could I work around this? Can I make it apply the script every time something new loads into the iframe?
I am looking for some code that will do the following
Form to post any URL to an iFrame and load said URL.
I been told Javascript can do this, but I am also after the form bit as well if possible.
I'm kind of new to javascript. Is their anyway to track right mouse click within an iframe that is linked to an external site (i.e. [URL])? I'm trying to see if I can have a alert window say "This is an image" when I right click on an image within the iframe.
View 1 Replies View RelatedI have an HTML page having a table and many columns.In that page i have to add new rows and cells dynamically. Adding new rows is working fine using inner HTML.But for particular textboxes i have two buttons namely "edit" and "save".the edit button will make the textbox editable and "save" button will make the textboxes in that row uneditable.Now my question is that as i am adding new rows using innerHTML how to add this functionality (making the textbox editable and uneditable) to the buttons that are dynamically created.
View 1 Replies View Related[URL]...heckboxes.html as directed and I can't get it to work. What do I need to provide to get some assistance?
View 14 Replies View RelatedI posted a while ago about the Truncate plugin not preserving html links in FF. I like the plugin, but it needs to present properly in FF. I couldn't figure it out and nobody responded. Is there any other plugins that provide similar funcationality?
View 2 Replies View RelatedI am currently working on a site for my work. I have created the basics of the site in Joomla 1.5 as it is the easiest way for everyone in the business to be able to update pages on there own etc.
I am looking at being able to provide online print pricing/quotes.
An example i have found that i like can be found here [url] i like the layout style of how the quote is displayed and how everything seems to sit nicely together within the quote section.
As far as i am aware there is no Joomla component that can help me with this, however i have found a plugin that allows me to place javascript within an article.
I am looking for a way to put all CSS values on my selected elements back to its default. I was wondering if anyone has maybe done this before and if not has any idea's to get me started.
The idea is that when I use for example:
The elements within .setDefault will return to its default font/color/height/width etc... so basically all posible values.
I want to have twelve pages giving details for each month with a navigation link "This Month" allowing the correct page to be loaded.
View 5 Replies View RelatedI'd like to provide users with help regarding the form input areas with a help popup dialog box. I don't like the term popup because so many people block popups. I'll be providing a question mark next to the feature and if clicked would like a customizable dialog box to show with help text. There will be many of these involved and would like to know the best approach.
View 3 Replies View Relatedi want to make a iframe page that loading a page from other site. I have try "jQuery iFrame Sizing" to set auto height in iframe... but it is failed.
This is my code :
-------------
on Head
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/iframe.js"></script>
on Body
[Code]....
I have a relative path issue when using jQuery in that I am using the same ajax function sitewide and I don't know how I can send a request to a PHP file without needing to provide the full absolute path. For example, the below code works at top level, but will not work if called from inside a sub folder.
[Code]...
I have a small app, my first real ajax project, which gives you details for product availability, for each day. The user selects a day (from a calendar) and then a time slot within the day. The app then displays how many slots are available for purchase, on that day, for that time... I wanted to refresh the data, every 5s, to provide slick real time availability info... but alas, when you change day (look at another day and time), the old timer still runs with the old arguments, and so it keeps resetting the 'details' panel to the previous day's details... how do I reset the timer? or delete the old one?
View 1 Replies View RelatedI am generating a html based table with multiple rows of data coming
in real time from a postgres DB. The underlying technology is java
based however the front end is html.
now i am unable to alternate the colour of every row so that the table
is lot more readable. can anyone suggest a javascript or even a css
script which will alternate the row colours irrespective of the number
of rows.
the bug of onbeforeunload is so obvious!
in IE 6 it will popup twice "sometimes"
I am using the following code
window.onbeforeunload = null;
window.onbeforeunload = confirmExit;
var executingPostBack = false;
function confirmExit()
{
if ( typeof executingPostBack != 'undefined' && !executingPostBack)
{
return 'Warning: Modified data has not been saved.' ;
}
}
In some cases, IE pops up it twice, for example, when we click a link
that contains "__doPostBack", onbeforeunload is fired the first time;
when the form is submitted, it is fired second time.
There is no way to work it around, because onbeforeunload is stupid, we
can't know whether the user clicks OK or Cancel.
I would like to use the following code with confirm so that I know
exactly what the user behaves
res = confirm("leaving?");
if (res==1)
{
alert("yes");
}
else
{
alert("no");
}
but I can't use this in onbeforeunload, because I can't stop it!
onbeforeunload always asks for something return, but if I return
anything, it will popup!
I am making a ajax form request and I am clueless on how to make an alternate submit when javascript is disabled. This is so it works without javascript and uses a separate php file.
View 2 Replies View RelatedI currently have some simple JS setup but I'd like to alternate between 2 values using "onclick". I have setup a flash clip with a form input buttons for playback control. Here is my form:
PHP Code:
<form action="/" class="button">
<input type="button" name="" id="play" class="play" value="" onclick="callFlashPlayPauseVideo(1)" />
</form>
[Code]....
However, once this intial stage has passed, and the button is clicked again - the image needs to revert back to the "play" button - so its a cause of having the pause button on show whilst the video plays, if its then clicked, the play button shows as the video is paused.
For a lot of years now I've used a javascript that does a simple rollover image swap, but also changes another alternate image at the same time. It's always worked like a charm.Lately I realized that the script no longer works in IE, though it used to in older versions of IE (I think it stopped working in anything past IE 7). It still works fine in Firefox, Safari, etc.I haven't been able to find a good alternative for this script, so I'm really trying to get it to work again in IE, but so far no luck.
Here's the link to the actual script itself. http:[ur;l]....
Here is a quick menu hidden in a Mouse Gesture for additional navigation on a site or administraitive duties.
To activate the menu simply right click anywhere on the screen , hold the button down, then move the mouse down 50px's and release. This will display the hidden menu.
There are two parts to it, first the Style and Script....
<style>
.expanded {
position:absolute;
padding:1px;
font:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
background-color:#D4D0C8;
width:150px;
border-left :2px solid #FFFFFF;
border-top :2px solid #FFFFFF;
border-right :2px solid #999999;
border-bottom : 2px solid #999999;
}
a.expanda {
padding-left:15px;
padding-right:15px;
display:block;
text-decoration:none;
color:#000000;
}
a.expanda:hover {
background-color:#003366;
color:#FFFFFF;
}
</style>
<script language="javascript">
document.oncontextmenu = null;
document.onmousedown = doDown;
document.onmouseup = doUp;
var timerID = 1;
var ly;
var ny;
var targ;
function doDown(e)
{
clearTimeout(timerID);
document.oncontextmenu = null;
var rightclick;
if (!e) e = window.event
if (e.which) rightclick = (e.which == 3);
else if (e.button) rightclick = (e.button == 2);
try
{
if (e.target) targ = e.target.getAttribute('id');
else if (e.srcElement) targ = e.srcElement.getAttribute('id');
if (targ != "navlink") {document.getElementById('altnav').style.display = 'none'}
}
catch(e)
{
document.getElementById('altnav').style.display = 'none'
}
if (rightclick != false)
{
ly = e.clientY;
}
return false;
}
function doUp(e)
{
var rightclick;
if (!e) e = window.event
if (e.which) rightclick = (e.which == 3);
else if (e.button) rightclick = (e.button == 2);
if (rightclick != false)
{
if (!e) var e = window.event;
ny=e.clientY;
lytemp = ly+50;
if (ny>lytemp)
{
document.getElementById('altnav').style.display = "block";
document.getElementById('altnav').style.left = e.clientX + 2;
document.getElementById('altnav').style.top = ly+2;
window.status = "down menu";
document.oncontextmenu = fakecontext;
timerID = setTimeout("document.getElementById('altnav').style.display = 'none'", 5000);
}
}
ly = null;
ny = null;
}
function fakecontext(){return false;};
</script>
And the menu div to place inside the body tag. Edit this to act as the menu you would like. Remember that you can access the event.target if you want to have the menu dynamicaly effect things based on whats clicked.
<div style="display:none" class="expanded" id="altnav">
<a href="http://www.news.com" class="expanda" id="navlink"><div style="float:right;width:20px;text-align:left;">Ctrl+?</div>Option 1</a>
<a href="http://www.cnn.com" class="expanda" id="navlink"><div style="float:right;width:20px;text-align:left;">Ctrl+?</div>Option 2</a>
</div>
I was actually looking for a couple of alternate form field elements such as a drag bar or combo boxes. Is there something like that out there, even? (see ascii representation for example of what I mean) Code:
View 7 Replies View RelatedThere are lots of JavaScripts and PHP scripts for making tables with alternating row colors. I'd like to know if there's a way to use JavaScript to give a table alternate row CLASSES.
My ultimate goal is to cut down on the html and gain more control over my table. I have a PHP script that gives me alternate cell colors, with different colors in each of two table columns. But it's just too complex to work with. Code:
I am building a display which is made up of a XHTML table, CSS styling and JS animation.
The effect I am looking for is for the (mutliple) cell's content to alternate between one word to another.
My initial idea was to build an array to count through the cell numbers like I have for another section of the board in this snippet..
var flsh = document.getElementsByTagName('td');
for (var i=0;i<flsh.length;i++); //flash alert cells
{
cell = !cell;
[Code]....
This code flashes some of the other cells each second, however for my alternating text I'm not sure what methods to use since .style.backroundColor wont suit this.
I have a project that I need to read some data from an XML file.
Something like:
However, since JS is a client side script so it can't read from client side, is there any alternate way to do this? I am thinking to create a "Data" class, and many "Data" objects, is this an elegant way to do it?