i´m totally new with jQuery as of today. What i´m needing is to select a specific row inside a table and a specific cell within that row.
The only things i know about the row is its position within the table. It occupies row #14 and the cell is #0 within that row. how can I do that?
<div class="box top"></div>
<div class="box main">
<div class="box header">
<div class="badge"><ul><li class="active"><span>60</span></li></ul></div>
[Code]....
What is happening is $(this) is no longer based on .expand being the (this) that is clicked.
like if i have a button SOMEWHERE randomly on the page with this
<div onclick="Minimize('_alerts');">Click Here</div> this will minimize alerts but because the (this) in minimize function doesn't actually point to the right button that I want to add a class to.
Is there a way to modify the minimize function so that it finds the <div id="mytoggle"><ul> <li class="expand boxminimize" rel="_alerts"> using the rel toggle, and then changes the class of the li from expand boxminimize to boxexpanded??
just like the .expand click function I posted on the top of the post that works?
I have an imagemap with a list of links to one side. The links highlight areas on the map by overlaying a PNG file, and the links need a "selected" state. The areas on the map need to be clickable too, and when these are clicked, the corresponding link item should get the "selected" state. I've got theselected state workingworking when the user clicks on the links, but can't get it working when they click on the map area.
$(document).ready(function(){
$('a.mapnav').click(function () {
var divname= this.name;
[code]....
I checked that "linkname" contains the right text by displaying the label, and it does. All I need to know is how to select the relevant link and add the "selected" class when the imagemap area is clicked.
sending some new input data with ajax
$('input[type=stufff2]').change(function() {
var allInputs = $(":input");
alert( allInputs.color );
[code]....
How can I select red-marked TR ? by one $("") and without loop of course
<table>
<tr>
<tr>
<tr>
[Code].....
Consider the folowing html:
<div class="date">2010-01-30</div>
Using the .replaceWith Method how can I select the " -01- " and replace with "<span>JAN</span>"
I have a (hopefully) simple question.I want to select all buttons on my page except the ones which are inside a specific form.lets say I have following abstract pageconstruction:
<html>
<head />
<body>
[code]....
I want to do something like this
<div>
<p>
<p class="active">
[code]....
I am using Google maps and an xml file to create my maps.I read the xml file to get the info for the map but if my xml file has loads of records, it displays them all on the map.What I want to be able to do is select a specific record of the xml file.How would i select a record with a given id i choose?
<?xml version="1.0" encoding="UTF-8" ?>
Code XML:
<markers>
[code]....
I'm attempting to change the display property of certain divs depending on the criteria of multiple select boxes.
I got it to work by GetElementsByTagName('div') but it then selects all divs rather then the select few i actually want it to work on. I tried changing the selection to GetElementsByName but this doesn't work, why i don't really know.
I've dumped the source code below:
Code:
1. I want to make form with 2 select filds that one of them will be disabled if in the first the use choose a specific option i wrote it in this way (but its not work) how I fix it?
[Code]...
2. I want that after u fill the form and press submit u will see a txtarea with all the options u selected (for confirm that you chose the right things) and then press submit agien and get all the things u saw in the txtarea to a Email.
Scenario: you enter "foo bar" into a text field... Is it possible
through javascript to select/highlight just "foo"?
formObject.select()
selects all. I need to select only part of the string.
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]....
Another thing that has been driving me crazy is that css positioning is handled differently by different browsers. JS is not my area, but I can do a lot with CSS, and I do, but cross browser compatibility is killing me.
I can use an IF IE statement and only IE runs that segment of code, but I haven't been able to figure out out how to make ONLY firefox or ONLY opera or safari enact an encapsulated segment of code. The same type of IF statement doesn't work for them.
Is there a single method using JS that works for all browsers?
I know this code works just fine:
function result(){
var result = document.getElementById('resss').innerHTML;
}
But what I actually want is to import data from a table of an external website. E.g. I want to get the innerHTML of a specific cell in column 3 and row 2 of a specific site.
I have a php function that list all of the countries from my database as a select option, then based on what the user selects for their country im using jquery to make an ajax call and get all of the states/regions for that country. This part works fine. I'm running into an issues, as when a user login's in to edit their profile, how would I make the select change based on what is in the databse.
[Code]....
I have a ColdFusion page with a select drop down list. On submit, I'm storing the value in a cfparam and trying to use jQuery to auto select that particular option. Currently I'm using :contains but this is unacceptable because it selects the last item that contains the cfparam.
$("option:contains('<cfoutput>#form.company_type#</cfoutput>')").attr('selected', 'selected');
Is there something like this:
$("option").equals('<cfoutput>#form.company_type#</cfoutput>')").attr('selected', 'selected');
[Code]....
I willconsider other alternatives to accomplishing my objective.
What I try to do is the following..let's say I have this form:
<select name="sSelectMe" class="someclass">
<option value="">select an option</option>
<option value="1">option 1</option>
[code]....
According to [URL] intended way for jQuery to change dynamically the selected option of a dropdown select control isassigningthe desired text instead of the value. I found this way veryinconvenient (data structures usually deal with value codes, not value descriptions) and it seems to work only sometimes.
Trying different options I came out with this approach that seems to do the job so
far:
function setSelect(pID,pSelectedValue)
{
$('#'+pID + ' option:selected').removeAttr('selected');
[Code]....
is there a way to select all values of a multiple select list by default?
View 3 Replies View RelatedI have 2 html-selects, one as source, the other as target. I want to copy the source-options to the target.
#sel_rel > source
#sel_new_after_rel > target
function openFormAddRel(){
generateFieldset("Release hinzufügen", "reg_edit", "form_add_rel");
[Code]....
While appending the option-elements to the targetselect the original option-elements disappear (exactly at step of line 13). This is unwanted behaviour.
This is what I'm trying to do:When a user selects a group in the first SELECT box, another SELECTbox should be loaded from an external PHP-file (using MySQL), based onthe group-id of the first SELECT box.I use this code:
$('#kiesgroep').change(function(){
$.post("<?php echo base_url();?>php/kies_speltak.php", {
groepid: $('#kiesgroep').val()
[code]....
I have an array of codes returned from a script which relate to select box options. How can I select multiple select options so I can disable them?
So far this isn't working for me...
Code:
for ( var c in codes )
{
$('option[value="' + codes[c] + '"').attr('disabled', 'disabled');
}
what I am trying to do is move my comment form to a specific ID on click.
It happens in a smarty template, but the reply link is built via php
I am having difficulty getting the value of a specific value contained in a <p> tag, what is happening is that it retrieves the value of the first <p> tag value and not the one the user clicksWhat I need is to retrieve the value from the <p> tag the user clicked
$(document).ready(function() {
$("p").click(function () {
var prop = $("#property_links").val();
[code]....
I am new in jquery and i would like to know how i can get a specific content [code]...
i have a table and i get the tds . when i call tdarra.text() he gives me the complete content of all tds.
i would like to just get the text of the 2nd td element but tdarray.get(1).text() does not work.
How do i get this element?