check this code and let me know, Is it right or wrong? How can I call or display a table in body section?
<script language="Javascript">
document.write("<table border='1' width='20%' height='50%'>);
document.write("<tr><td>");
[code]....
I have a webpage which allows the user to select the content they would like to display using ajax to do this. the problem i have is that one display option is a file tree which only works when loaded in the head section.
The following code is loaded in the head section:
Cannot figure out whether or not i can adjust the code to load only when the ajax call to the file tree is made.
Is it possible to make a javascript call before "<body onload='...'>"?
What I'm doing is a preview of numerous images in an iframe and I want to
resize the iframe to match each picture. Normally I'd use the 'onload' (on
the src-page holding the image in the iframe) attrubute, but it's not called
until the picture has finished loading. I'd like to resize the iframe before
(or at the same time) the image starts loading.
I'm building an ecommerce store that will not allow me access to the <body tag... Is there any way to load the onLoad js call another way?
I tried putting a layer with a high z-index and a clear pixel stretched out in it... I've tried the call as onLoad and as mouseover... I can't get it to work. What am I missing? If you'd like to see my mess, it's here:
I want to take a popup function and cause it to open Xseconds after the parent page has opened.
This is the script i want to run:
PHP Code:
<script type='text/javascript'>
<!--
function MM_openBrWindow(theURL)
{
newWin = open(theURL);
}
//-->
</script>
I altered it a little, just want to check i cut down newWin = open(theURL ,winName, features); not to include features and winName, I assume that these are NOT required attributes?
How do i do this?
I have a function that needs to get the innerHTML between the body tags once the page loads. However, when I put the JS in the header and call the function using window.onload, it gives me an error. If I put the javascript in the body, it only gets the code above the <script> tag. And I am going to call a server side user control that will put the javascript on the page, so I don't even know where in the page it will go.
It only works when I use the onload attribute in the body tag. i.e <body onload="javascript:fcn_name">
I am using document.body.innerHTML to get the html within the body tags. I tried using document.body.onload and other ways of doing it. Since I am trying to integrate this function within an already existing site, I cannot go through the hundreds of pages and modify the body tags.
Is there an alternative to using the onload attribute of the body tag?
I have a web page that has a short flash show on it, then it redirects to the main site index page, using a setTimout in body onload. That was all working fine. Now I need to add an OS detection function to redirect iphone and ipad users immediately (bypassing the flash pape). So, I have 2 functions that need to be in the body onload. I figured the logical thing to do would be to write another function that calls the first 2, then put that one in the onload. But now nothing is working. I have played with in for an hour with no luck.
Just as a note: Original, before I had to add the OS detection, there was just the delayer function, and it was called thusly:
[Code]...
While I am new to javascript, I've programmed in a dozen other
languages for decades, and now have been working in javascript
intensively for several weeks. My first comment -- which has nothing
to do with this problen -- is on how its richness makes it so
difficult to provide adequate reference material. After working only
with what I could discover through Google searches and actually
writing some nifty fast incremental select element populating code --
what I found on the Web, which has been cited in many locations, is
ugly code and sloooow when search a list of, say, 2000 possible
entries for inclusion in the box -- just with those hints.
I finally broke down, bought what the reveiws say are the two most
complete books -- Javascript Bible and Dynamic HTML, The Definitive
Reference (both by Goodman), and am aghast: With the "Bonus Chapters"
in the former, they total more than 3,000 pages! And with their
in-depth indexes, it's still very difficult to find what one needs.
(The HTML and CSS speification publications add another 400 pages . .
..) As a truly elementary example: I wanted to return from a function
as a result of a test, not by running it out: The "return" is not
indexed, nor are any of the words that might lead one to it. In fact,
it is shown in some examples about 980 pages into the book, but
nowhere is it actually documented. Yes, I know, every language has a
"return" statement, but its usage and syntax varies -- and on some
occasions, it's actually called something else.
So, to my current issue. For reasons that are valid -- please don't
ask, "Why do you want to do that?" -- I need to hide the page in its
entirety until the onload script has altered it based on certain
criteria. After doing a lot of brute force stuff -- setting font
color to "white", etc., etc. -- I discovered that one can put the
attribute style="visibility:hidden" directly in the <body> tag --
which itself is not easily discovered. But: Tables in the body that
have a non-zero "border" attribute still show -- just the borders!
Yes, I know I need to learn CSS as well; give me a break, guys! I do
have that spec as an HTML doc, and it was there I finally found this
out. You know, you can't look such things up by concept in the
indexes of either book, or the HTML spec, or the CSS book, unless you
already know the term that implements it; if I know the term, I don't
need to look it up! In any case, try looking up "hidden" in either
book; you get no hint that it can be applied via style to any element.
If you know it's available as a style attribute, then know the
attribute is "visibility", why than you can find it . . . and by that
time, you must know enough that you don't need to find it. (Again, a
Google Groups search on words associated with the concept told me what
terms to use, and then I didn't need to use the book . . .)
I apologize for the rant (Fortran was good enough for my grandfather,
it was good enough for my father, and it's good enough for me -- bah,
humbug!), but it's been a very frustrating couple of weeks.
The real question: What about them table borders? So far, I'm
defining their values as zero, then setting them to their final values
at the same point that I make the body visible. Should I need to do
all that? What should make that unnecessary?
i am using two tables. one for the header, one for the body content. has anyone done table sorting in this situation?
View 6 Replies View RelatedI have a simple html table, which I'm trying to remove the rows from in the table body using jquery. The table structure is as follows:
<table id = "table_of_items">
<thead><tr>
<td> some title </td>
<td> some title 2</td>
</td></thead>
<tbody><tr>
<td> some content 1 </td>
<td> some content 2 </td>
</tr></tbody></table>
I've tried the following but it doesn't seem to work...
$("#table_of_items tbody tr").remove();
On the click of a table row I want to call a function and pass a that particular table row as a table row object to a function. I was wondering how I would do that? And also if I could grab the number of that table row as well.
View 3 Replies View RelatedThis is a common requirement - "freeze panes" in a table, so that some
header rows and some columns on the left are frozen while the body content
scrolls. This makes large tables more usable on screen.
I'm trying to make my body content scroll at the same time as an iframe located within the body. This has to do with the age old problem of mouse focus on iframes. When my mouse reaches the iframe and it takes over focus, I would like the body to keep scrolling until the iframe is right at the top of the screen. After that I want to relinquish focus to the iframe. I don't mind if the iframe starts scrolling as soon as the mouse reaches it, so long as the main body keeps scrolling for a while.
View 5 Replies View RelatedI am (finally) successfully calling and running a php script using $.ajax() and now I need to update a table row as a result of that. In the ajax I have these variables for the updated row: docID, docName, docDescription. Since the docID is used elsewhere on the page, I'll need to start with the table id, which is #docsTable.
The rows that I need to update look like this:
<tr bgcolor="#EFE5D3" style="font-weight: bold;">
<td width="25px"><a class="docEditLink" name="33" href="#">Edit</a></td>
<td width="20px"><input type="checkbox" name="removeDocs[]" value="33" /></td>
<td>Document Name</td>
<td>Document Description</td></tr>
The name attribute is the docID, so that is unique within that table, for that document. So, my question is, how can I build a selector that will allow me to change the 3rd and 4th <td> tags with document name and document description, respectively?
I need to be able to call a certain td element in a table and I'm not able to edit the html (dynamically generated) so i was wondering if it is possible to target td elements like an array using jquery.
For instance, say I need to change the class of the 4th td element in the second tr element. how would I target that? is there a way to do it in array style like below?
<table class="myTable">
I use the Tablekit library and Prototype javascript framework on firefox, chrome & IE8. The columns in this table can be sorted by the Tablekit library.
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/tablekit.js"></script>
<body>
<div id="mainmenu">
...
</div>
<div id="content">
[Code]...
However, after adding the periodic refresh by AJAX (eventually I want to refresh only the web page when there is new data available) and <div>, then the columns in this table cannot be sorted by the Tablekit library.
[Code]...
I am trying to call an external ajax function to exec the php script to update a table. It is somehow not working.
<html>
<head>
<script>myAjaxFunctions.js</script>
</head>
<body>
<button type="button" onclick="clearT1();">Clear TableOne</button>
</body>
</html>
/**** This is "myAjaxFunction.js *****/
var asyncRequest;
function getContent(url){
try{
asyncRequest = new XMLHttpRequest();
asyncRequest.onreadystatechange = stateChange;
asyncRequest.open('POST', url, true);
asyncRequest.send(null);
} .....
I am trying to figure out how to pass the html back from an ajax call
Let me give a couple snippets
jquery call:
I have a form which goes to my insert page which inserts the data into the table. Except I didn't want to do a redirect to another page so I thought I would do an Ajax call. Both pages work until I change it to an ajax call.
I am pretty certain that it is because I took out the <form action="insert.php"> because otherwise the page would redirect but if that is the case I don't know my way around it and if it isn't the problem I'm not sure what is.
But here is my code:
Form:
It's possible to style document.body not to start at 0,0 for example: body {width: 1000px; margin-left: auto; margin-right: auto;} This means that X/Y of the body is not 0,0 but how can I find out what the position is using javascript? document.body.offsetLeft; is 0 and offsetParent is null yet if I position something absolutely at 0,0 it goes to 0,0 of the window, not the body!
View 2 Replies View RelatedI have a webpage with a form. Depending on user selections at the top of
the page, the page will disable sections of the form. My plan is to put
each section between a <div></div>. Each section contains some collection
of form elements.
So if the user does not select some criteria, the related section of the
form gets disabled. In a typical Windows type of application these elements
get disabled and greyed out. What's the best way to do this in a webpage?
Can Javascript determine what form elements are in a div section and
disable these elements through a loop for example? I know I can disable
each element if I know its it but is there a way to find out all the IDs of
elements for some div section?
Is it possible to go to a section of a page when that pages loads? Ex:
<body onload="#idname">
I know that doesn't work, but I think it shows what I am trying to do.
how do I get rid of the space between the top div and the following div sections.I need to know what to replace the <br> tag with where I stop the floats with "style='clear:both'".how to slide the tab body sections into and out of the area below the top controlling <div> sections.All it does now is simply hide or show the sections and I would like to create a sliding illusion if possible.
View 2 Replies View RelatedI have inherited a project with some code that runs fine for some
frames but not for others. This is a frames based project, and
(apparently) sometimes there is a parent frame, and sometimes not. When
there is no parent frame, you see this error message:
'parent.frmUpper.document' is null or is not an object
I would like to know if there is a way to check for the existence of an
object by name so I can determine what to do next.
I wanted to know if there was a way to select a rectangular section of
an image (like done with a cropping tool). The only way I've been able
to accomplish this is with applets and thats painfully slow. Is it
possible to do this via Javascript or perhaps DHTML. Any other
lightweight technique?
Is the UI section of the site down? I have a few websites that link to it and they're all taking forever to load, seemingly hanging when "waiting for ui.jquery.com..."
View 3 Replies View Related