My HTML is shown in an iframe. There is a link in the HTML that needs
the ID of the iframe to be used in the onclick event. How do I get it?
I tried accessing the target property, but it turns out to be
undefined. Also I do not know the frame number in the parent's frame
collection. SO I cannot do parent.frames[2].id.
Dynamically, I create a container DIV with an iFrame inside.
When the iFrame content page is loaded, I would like to determine the ID,
name DIV object reference of the "container" DIV with an onload javascript
function.
Is it possible? ...and if so, how would I do this.
I'm using the modal plug-in below..
[URL]
Invoking the modal is pretty simple...
$('#ex2').jqm({
ajax: 'examples/2.html',
trigger: 'a.ex2trigger',
toTop: true
});
The "toTop" attribute is used to overcome z-index stacking issues.
I have an iframe that displays a pdf file. The problem is the modal dialog appears behind the pdf file and I can't seem to find any way to resolve it. I've tried setting z-index manually for iFrame as well the DIV housing the iFrame but to no avail. Even "toTop" does not work.
This issue appears in all versions of IE. I haven't checked in Mozilla.
I need to use javascript and get the current url which is being used in
firefox and pass it on to another script. Can someone help me out with
it? Plz pass on the required code if u do have it.
Is there anyway to obtain the width of the scrollbar? I've tried
var sb = document.body.offsetWidth-document.body.clientWidth ;
but this does not appear to be correct.
I just wanted to know if there was any way to use script to display a
list of methods linked to a particular object? The object I have in
mind is getBrowser(), and I can't seem to find any documentation online
with regards to it's methods.
Also, as I am learning, it would be nice to be able to know what
methods are available for a particular object/function, without
necessarily having to spend a while looking up an object's method when
it's documented in a lot of different places, but only vaguely.
i've been trying to figure the best method to achieve obtaining siblings between specific selectors. Let me be concrete with an example:
...
<tr class="rowTypeA">
...
[code]....
I'm playing around with the facebook API with very limited knowledge of JavaScript, and I was wondering how I could use the FB social graph to extract user interests and display it on my site. I have the authentication set up, but I'm not sure how I would retrieve the interests, which is a JSON array.
Here's my code so far
FB.api('/me', function(user) {
if(user != null) {
//create image variable and getting image
[code]....
I'm not sure how I would get the movies and display the information- I know what I did isn't right since "movies" is an array...
The page will display brief instructions followed by a table containing the quiz.The first is with the Score() function which reads as follows:
function Score(){
for(i=1;i<=10;i++)
if(ans[i]== yourAns[i])
[code]....
Now unless I'm mistaken (which I am since the score isn't being tabulated correctly) this function essentially uses a for to cycle through both arrays, comparing the user's input against the array containing the right answers. If the contents within index i are the same on both arrays the score increases by one point. Once it cycles through the arrays, it passes score over to prequiz.score.value which will later pass this number to the text box that will display the grade to the user.
Thinking it was the setAnsArray(question, answer) function I added a document.writeline to it. However it showed that the values were being passed correctly to the answer array. Added a document.writeline to the Score() function. Unlike the point above, score always displays as 00000 regardless of how many right answers I provide.
The second issue I'm having is that the reset button is not working correctly. If I hit reset and answer the first question, the score will come back as double the score displayed before.
<?xml version="1.0" encoding= "utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
[code]....
I have the following html code:
Code:
<form name="temp" method="get">
<select name="name"
<option value="10"selected>10</option>
<option value="25">25</option>
<option value="50">50</option>
</select>
</form
when a change in selection is made, I would like to obtain the form element in the f() function.
I know that it can be done using the form name or index.
I am looking for a way to do it via the <select> element itself.
Something along the line of:
Code:
is this possible? a browser compatible method is prefered
I am trying to have a container div generated by the DOM, holdeverything inside the body. I can't get it to hold the contents in the body.
<html><head>
<style type="text/css">
body {
text-align:center;
}
#container {
width:200px;
margin: 0 auto;
text-align:left;
border:solid 1px #000;
padding:5px;
}
</style>
<script type="text/javascript">
var d = document;
function insert(){
var box = d.createElement('div');
box.id = "container";
d.body.insertBefore(box, d.body.firstChild) // not what I want
// d.body.appendChild(box);
}
window.onload=insert;
</script>
</head>
<body>
This content should be centered and inside the div.
<h3>This text also.</h3>
</body>
</html>
I've read several articles about rounding div but all use the <b> tag with some CSS style to make it round.
I would like to work more on the div itself and to find a way how to make it round-corner state. Maybe working directly on DOM, who knows.
Is there a way to determine if a div is outside of the containing div?ex.
<div id="container" style="overflow:hidden">
<div id ="row"></div>
</div>
[code]...
i want to set the second container's height according to the first container's.but how to achieve the height of the container dynamically.
View 4 Replies View RelatedI want to do this with js and not with any html/css tables, image fills or whatever other trick, but I don't know how...
Say I have multiple DIV containers below each other, which contain multiple DIV boxes floating next to each other. None of the DIV elements have a fixed height:
<div id="container1">
<div id="box1">some text</div>
<div id="box2">some double more text</div>
<div id="box3">some other text</div>
[Code]....
I want for each container (separately) to have the contained box divs to fit the biggest one in height.
For example, in container1, if box2 contains more text than the others, I want box1 and box3 height to fit box2. And in container2, if box4 has more text than the others, I want box5 and box6 height to fit box4, etc.
In my dreamworld, the solution would be flexible and fully automated, which means, it would look for all container divs of class x or Id x and apply the same rule to all child divs.
I have heard of jquery "equalheights" plugin but I don't think it can do that ? or then I misunderstood something. Could I be using some "get element by class" function and then apply a style.height to the divs?
I am using the YUI library to do the following.I use YAHOO.util.Connect.asyncRequest to obtain some HTML from the server.I then use new YAHOO.widget.Dialog(...) passing it the ID of a dynamically created DIV and then loading it with the HTML obtained earlier.Now the HTML I receive has some javascript in it, and this works perfectly in Firefox. But in IE the javascript doesn't run. It doesn't seem to work in Chrome either guess I want to know if this is a known problem, or have I done something wrong. And if it is a known problem are there any workarounds?
View 2 Replies View RelatedIn prototype with ajax.updater you can chose to show errors in another div than the one you want "real" content in.
Code:
new Ajax.Updater({ success: 'items', failure: 'notice' }, 'ajax_req.php', {
parameters: { text: $F('text') },
insertion: Insertion.Bottom
});
But all information i print out from ajax_req.php gets in the items div. How can i print out errors from ajax_req.php into the notice div?
I have a drop area that should be pulling a value from a hidden input field when activated.For some reason, the code can see the image and set the new values but trying to get the value of the input field always comes back undefined. It's the $newSKU2 value that isn't getting set.
var $newpic2 = $('#2').find('img').attr('src');
var $newtitle2 = $('#2').find('img').attr('title');
var $newtext2 = $('#2').parent().parent().find('font').text();
[code]....
I was able to resize the images in the css with a width-max; 600px; but the container stay big. How can I resize it in lightbox.js?
Here is the code
// once image is preloaded, resize image container
imgPreloader.onload = (function(){
this.lightboxImage.src = this.imageArray[this.activeImage][0];
this.resizeImageContainer(imgPreloader.width, imgPreloader.height);
[code]....
What can I add there to have a max container?
I'm looking for an API available to select all descendants of a container, I didn't find anything yet.
View 1 Replies View RelatedI'm having trouble wrapping two adjacent divs in one parent container. For example take the following html:<div>
<div class="line"> hi </div>
<divclass="line"> hi again </div>
<div class="line"> hi </div>
<divclass="line"> hi again </div>
</div>
I need every pair of ".line" divs to be wrapped in a parent div, so it will look like this:
<div>
<div class="new">
<div class="line"> hi </div>
<divclass="line"> hi again </div>
[Code].....
I am looking for either a JavaScript or Coldfusion solution to the following problem. First, there are over 60 million product photos so downloading and resizing the photos using Coldfusion would be very tedious.
I would like the display an image within a 100 x 100 pixel container.
If the height or width of the image is great than 100 pixels, the image should reduce in size to fit within the 100 x 100 pixel container.
I want to avoid pixelation of the images as much as possible.
All images are external and not on the local server so I only have an image URL.
I would like to hide all images until they are resized appropriately.
Does anybody know of a piece of javascript code that can do something similar to this?
I have images inside of a container that is inside of an iframe. When I click on an image, content underneath is revealed by sliding everything underneath it down. The problem I have is that when it slides the content down, all the other images and content are cut off. I want it that when the content extends past the height of the div#container, it autoresizes, if that's possible. But I don't wanna use the iframe scrollbar. Only the parent scrollbar.
Here's a link for the entire code of the Website. Open up index.html, click on Salvation and click on one or two of the images, and you'll see what I'm talking about. The salvation.html is the source for the iframe.
URL]
i am working with a simple jQuery tabbed container and am wondering how to make the main body of the container use a background image instead of a background color. Here is the code:
Code:
<!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].....
But that obvioously does not work. what do I need to do to put a background image in there?
P.S. this code works other than that so you can throw it in a notepad doc to see the page in action.
With a javascript timer to delay the loading of the main container div on a website.
The reason is that I would like the background image (560k) to load first and then the site to load after. I found the opposite of what I need;
I have a page with a button and a container. When i click on the button, it should redirect to a page where we can create a new customer. On the new customer form ,I have textboxes, radio buttons ,buttons amongst others.What i wanna do is that instead of redirecting to that page. I wanna dynamically create a div with all the controls required in the Container i have on my page itself. So each time the user click the Add New Customer button, on the same page, the textboxes and all other controls is created dynamically.
View 1 Replies View Related