Ihave two select boxes. The second one is getting the content with ajax call, acording to the value selected at the first one.
My problemis onlyin IE. When the second select box geting longer text and the html table TD is not enlarging itself too.
FireFox works fine with this code.
I have some auto-generated code in a similar format to this:
<li class="item">
<a class="link1" href="#">Post Title</a>
Text I want to remove
<div class="content">
[Code].....
I want to select the line of text ("Text I want to remove" - with no HTML tags around it) and hide it using CSS (or remove it all together, if I can). I have tried using insertAfter to put a start <span> tag at the start of the line, and insertBefore to close the </span> tag at the end of the line (so I can apply CSS display:none; to it), but clearly JQuery doesn't work like that.
Is there another way to get rid of this line of text?
I would like to select a text, in my HTML page. Is that possible? About the page [URL], it seems to be not allowed by jQuery... For exemple if my document is:
<html>
Hello word!
</html>
I would like to select each "l" letter and replace by L [URL]. But I don't know how to select just a text.
I'm trying to select a line a text and format it, only problem is there are no tags around it other than a closing </p> tag and a <br /> tag after it. Please see below the line in bold text which I'm trying to surround with <h3></h3> tags. [code]...
View 8 Replies View RelatedI'm having some problems understanding the append() function. What I'd like to do is select an element using it's ID and add a row to the table with a HTML form element. The table is dynamically generated using a Django template ( form.as_table() ) so I'm not able to alter the original HTML markup too much.
If I had a table like this...
I'm stucked with below logic. Wanna get your advice to find out where I went wrong. Below is my Coding done using PHP. A dynamic HTML table is generated with text boxes (in Dissable mode) with EDIT & DELETE buttons.When user clicks on Edit button, particular row should be enable to edit the values generated.
[Code]...
I know nothing about javascript, but have found a useful code for enlarging images, and it would be great if I could just insert a line or two to get the overlay effect - so, what I want to add is a background when an image is open: for example - [url].
Here is the code
Code:
I'm working on a project which requires a small portion from a large table of information to be displayed on a webpage (sort of like a magnifying glass). The display will be a table of fixed size (m by n cells). Some of the cells will be merged. When the table updates, different sets of cells may be merged.
It needs to be coded in HTML5, which I assume includes the use of JavaScript and CSS (The specs of this is rather unclear at the moment, so I'm going to cover all bases).
Anyhow, looking through the HTML5 and JavaScript tutorials, I found two ways to solve this problem. One way would be to have a script to parse out the relevant information, and have it output into a table (dynamically generating the HTML required).
The second way would be to have the script draw the table on its own in a canvas.
User events (such as arrow keys on the keyboard) will change the position of the focus (move the magnifying glass in a cardinal direction).
I hit a small snag with the first solution - Is it possible to update the table on the page (including changing the structure of it) without having to refresh?
Does anyone know if there is an event that gets fired off when I select text in a cell of a table in HTML????
I know theres a onselect event but that does not work. I need this so I can run a JavaScript function.
I have a table that is populated row and column headers, and data of course, I need to convert one of the row headers to a href that will reference a more detailed report. I have already gotten the parent/child relationship needed to pinpoint the data in that one cell but I can't figure out how to change it to a href using javaScript.
View 3 Replies View RelatedI have an issue where I am trying to allow the user to click on a table and automatically copy a table into the clipboard. I do this with text using IE:
function clickCopyText(fi) {
window.clipboardData.setData("Text",fi.innerText);
}
so to copy the table, I tried:
function clickCopyHTML(fi) {
window.clipboardData.setData("Text",fi.innerHTML);
}
The Trouble with Tables is the HTML itself gets copied as opposed to the rendered table. I am probably looking at some other way of getting the code to the clipboard, but I am stymied. I can do it with images, but not with rendered HTML.
I've seen a variety of implementations around that enable selecting all or no checkboxes by using a checkbox to toggle that choice. However, I'm trying to find a way like this: I have two text links on my page: Select All, and Select None. How can I get those links to call a jquery function to select all or select no checkboxes in my form? As a little food for thought:
<head>
$(function() {
//function for selecting all or none...is there a way to make a single function that passes in a parameter to differentiate between selecting all or selecting none, or do I need a separate function for both?[code]....
I want to change the content of <TD> tag of a HTML table sorted by alphabets(A-Z) in a different HTML table using javascript?
View 2 Replies View RelatedSo when the page loads the thumbnails cycle through using setInterval. When the user clicks on one of the thumbnails, it is supposed to open a new window and show the enlarged version of that thumbnail stored in bigpics. However it only comes up with a broken image link. Any ideas why this is not working?
Here is the code:
We've been using ajaxSubmit to process a login form request (can be found here: [URL] Login Link in navigation). However when we attempted to upgrade from 1.3.2 to 1.4.4, we get the following error whenever we submit the form:
"jQuery(this).ajaxSubmit is not a function"
The only way we've been able to get the form to work again is to go back to vs. 1.3.2.
Has something changed in 1.4.4 that would prevent the form from working? Is "ajaxSubmit()" no longer a valid function?
Here's the javascript below:
jQuery(document).ready(function() {
jQuery("#show_login").click(function() {
formLogin();
jQuery('#user').focus();
[Code].....
I have a dynamic HTML table which gets populated by coldfusion and displayed in the page, I have a column called performace which holds numeric values. I need to select the top 3 best performace value in the column and then highlight the entire row in different colours (top 3 values for performance). Can any one help me in doing it?My server can run only Javascript and coldfusion, No Ajax/PHP.I need a complete set of code which such that I will add the script and it performs the calculating and highlighting part.
View 1 Replies View RelatedHave a web app which consists of a form and have it set up to launch a dialog box containing information next to the subject label text field.Everytime, someone fills out the form and clicks on submit, the form's message body (from the text area of the form) is displayed on top and theform is displayed underneath it. Before, I had it set up as fixed (x,y) for the dialog box to appear next to the subject label. But, now, whenthe page becomes longer, the dialog box doesn't appear next to my subject label text field. It is displayed a lot lower.
Here's the code to find the position:
// Finds the position and adds 40px to the left axis.
function findPosition(obj) {
var curleft = curtop = 0;
if (obj.offsetParent) {
[Code]....
How can I set it so my findPosition() calculation doesn't miscalculate when the page is too long (when scroll bars are needed)?
Is there a way to set the relative positioning to always have the dialog appear 40px right of the subject label?
jQuery using getJSON calls specific handler, lets say MyHandler.ashx $.getJSON(/MyHandler.ashx?param1=someVal, function(data) {
some code;
}
In Opera and Explorer this is executed immediately. In FireFox it takes over 1s before request is executed. Even when I set breakpoint in my handler it will be hit after 1s... could you tell me why it is so slow? I got latest version of firefox.
Via ajax, data equals <h1>Special</h1>
Code JavaScript:
function searchReplaceAndDisplay(data) {
data.replace('<','<');
data.replace('>','>');
$('#modal').append(data);
}
$.get('getSpecialsHtml.aspx', searchReplaceAndDisplay);
Right now #modal displays <h1>Special</h1>, as plain text.
How can I get #modal to display 'Special' marked up as an h1 element instead of text?
I have written some JavaScript that I can use to remove a table row from a table. If I have the table:
[Code]...
I also have JavaScript that will add a row to the same table. I've found that if I add a bunch of rows, when I delete one, there is a small amount of whitespace added between the permanent row and the others. It seems like while the row is removed, some remnants of it remain. Is there a way to get rid of it completely?
I'm using simpleModal.js on a page and it works great however, once I try to add options to the modal it no longer works.
Here's what I'm using now and it works successfully:
If I try adding a width option it breaks...absolutely nothing happens:
These are the code of the two different types of table I have in my page: <table style="margin-bottom:.5em; border:1px solid #CCC; text-align:left; font-size:95%; background:transparent">
[Code]...
I am trying to hide aTRthat does not have id or class.
Example:
<table><tr><td>
<table><tr><td>
<table><tr>
<td>xxx</td><td class="SOMECLASS">SOMETEXT</td>
</tr><tr>
<td>yyy</td><td class="SOMECLASS"></td>
</tr></table></td></tr>
</table></td></tr>
</table>
The row contains a TD with class Some Class and contains some text Some Text. I tried this:
$("tr:has(:contains('SOMETEXT').SOMECLASS)").hide();
My problem is that the page has many nested tables and rows containing rows,so the selector above is true for all the TR's on the page and almost the whole pages is hidden. How can one change the selector to focus only on the row I am interested in?
I have a form in a table. The info for the input is in the row below the input. I would like the info to show when the user clicks on the input. I have some code that shows the info when it is in the next cell along, but I need the cell below This is what I have already var flyouts = $(this).parents('td').next().children('.flyout'); (I have a bunch of 'flyouts', one for invalid, one for info, etc.)
View 2 Replies View Related<h1>November<span>2009</span></h1>
making a variable equal the h1 html() without the span text.
// equals 'November2009'
var monthDelete = $('h1').html();
// I need just 'November'
how I would dynamically add another table once text fields in the existing table is clicked on. So pretty much what I have is a table with 5 textboxes lined up horizontally in the first row along with couple of buttons in the second row. What I want is that once one text box is clicked, another table like the one above is created and appears below that initial table. So this is the inital table that should be replicated on each click:
<table>
<tr>
<td><input type="text" /></td>
<td><input type="text" /></td>
<td><input type="text" /></td>
<td><input type="text" /></td>
<td><input type="text" ></td>
[Code]...
