I want to enable the ability to always delete <li> elements when they're clicked. I can't add id's or onclick functions to each <li> because each one is made using document.createElement("li"); So my question is, how can I make a script that easily allows users to delete a <li> element just by clicking on it.
View 6 RepliesHow can I make this code disable the submit button once it has been pressed, then if the user hits back or GOES back, it will re-enable it again?
<SCRIPT LANGUAGE="JavaScript" TYPE="text/JavaScript">
function formControl(submitted)
{
[code]....
I have an array in javascript which has n elements. The number n is not known. How to delete all the elements from the array?
View 1 Replies View RelatedI am building a web application using PHP. It lists each salesperson and below it, the clients assigned to them. There are only about 5 or 6 salespeople. There could be any number of clients for a salesperson. Each salesperson is given their own div and client information (name, email, phone) is grouped with an unordered list:
Code:
<div id="salesperson-1">
<h1>Salesperson 1</h1>
<ul>
<li>Steve Smith</li>
<li>steve@company-a.com</li>
<li>555-5555</li>
<li><a href="#">Delete Client</a></li>
</ul>
<a href="#">Delete Salesperson</a>
</div>
I would like to be able to delete (actually hide) either a salesperson or client depending on which link the user clicked. I have been using JQuery throughout my site so far and I can accomplish the task for the salespeople by creating individual events for 6 salespeople. If there are only 5 people, the 6th event will never be triggered. If there are 6, everyone is covered. The tricky part are the clients since I can't guarantee a specific number of them. I would like to fit best practices as much as possible and reduce the complexity of my code if I can. Keeping that in mind...Is there a better way to handle the salespeople rather than rewriting the function 6 times? Can I pass a variable to a JQuery function using the onClick binder on the <a> tag --> <a href="#" onClick=deleteClient(10)> and use the variable to determine which client to delete? Would using a function in plain javascript and ignoring JQuery for this entirely be better?
I am trying to completely remove everything from a table. I want to delete all of the rows which I am able to do. But when I delete all of the rows and add rows in again there is whitespace at the top of the table and I can't figure out why it is there. Here is my code:
<html>
<head>
<style type="text/css">
td {
font-size: 200%;
}
</style>
[Code]....
I have div with Textbox, label and hyperlink it it. I want to disable /enable the elements in it. I am using this code.
$('#Content_2 :input').attr('disabled', true);
#Content_2 - is a div
But this leaves the hyerperlink and label enabled. How can modify this ?
I am trying to initialize form elements with the values retrieved from an excel file. I am able to read from excel, but unable to initialize the form elements to values retrieved. No idea where I am going wrong.. code...
View 1 Replies View RelatedI've been searching for way to get the buttons on my page to disable and enable. It seems they disable using either:
[Code]....
I'm wondering if it's possible for a script to enable/disable all input elements on the page with some sort of toggle button. I googled it but didn't find anything too useful except for this: [URL] but I'm not sure how to edit it for the toggle.
View 9 Replies View RelatedThis is my code to add and delete dynamic rows and auto calculate the amount field by multiplying qty and rate.
[Code]...
jquery and a button delete, for remove rows of database.The problem is that I do not know how must input checkbox by clickable with click delete button sent to php code?my jquery code:
PHP Code:
$("#tableeven tr")
.mouseover(function()
[code]....
I eventually want to swap two elements. I've already determined the two buttons from each div. Now I want to swap the elements inside those two divs.
<script type="text/javascript">
var newcolorvalue = 0;
var starterPlayer = 0;
var benchPlayer = 0;
[Code]....
I have a single page which uses tabs to segment the content. Alongside the tabs themselves is a button for 'Help'. I'd like this button to open a different DIV depending upon the tab that is currently being used.For example, if I am on a tab for 'Ben', if I click the 'Help' button I want the 'helpBen' DIV to slideToggle.If I am on a tab for 'Paul', when I click the 'Help' button I want it to open the 'helpPaul' div.
Some extra needs:
1. switching to a different tab should close the currently open help div (e.g. helpBen or helpPaul)
2. There should only be one help div (e.g. helpBen or helpPaul) open at any one time.
I partly solved this with the following code but with erratic results and I'd like to know what I'm dong so wrong!Here is the HTML for the help button:
<a class="helpTrigger" href="#">Help</a>
The help DIV's are like this:
<div class="helpBen">help relevant to Ben section</div>
<div class="helpPaul">help relevant to Paul section</div>
The CSS for .help is display: none; by default so none are shown from the outset.
And here is the jQuery
$(".helpTrigger").click(function(){
if (location.hash == '#Ben') {[code].....
In the words of Dr Evil, "throw me a frikkin' bone here..."
I have a jquery menu from which i want to post certain information when a particular element is clicked to my php script which searches a db based on the variables input and presents the information back on the page.
So jquery drop down menu has 4 sections all with drop downs. I want to return results based on the section and then the drop down clicked
So clearly i can get this working fine using html and a form but i just want to use the information in the <li> elements instead..
Can i in jquery do this: upon clicking said element post the class attribute and txt as two things to my php scripts?
I try to make something where you add elements, and can delete elements later by calling a simple function. I simplyfied it right here: It works only to add the paragraphs, but the delete function doesn't work. Tried already to debug with an alert message after each rule... but the problem is with this rule I guess:
[Code]...
I am looking for a way to add an id attribute to a div element I append to my document so that i can find the id later and delete it. So far, no luck with jquery .each loop trying to assign unique value and add incrementing value to each of them. In my code, they all seem to have the same id and when I click again it just appends the same value again to all of them.
//first I add a title to the list using append.
function addTitle () {
$('.myList-box').append('<div class="mylistitem"><div class="mylistitem-image"><img width="30" height="40" src="[URL]small.aspx?TitleID=' + titleid + '"/></div><div class="mylistitem-title">' + title + '</div><div class="mylistitem-options"><a href="javascript:removetitle();">Delete From List</a></div>');
}
// then I need a click function, that indexes all the current .mylistitem(s) and allows me to find the id I am clicking on so I can delete it!
function removetitle() {
$(".mylistitem").each(function(i) {
this.id = this.id + "_" + i;
});
var item = $(".mylistitem").attr("id");
alert(item);
}
I have several divs that each have a certain link. How can I make sure that when a link is clicked that it will only change elements that are within it's parent div and not the others?
View 1 Replies View RelatedI have a function that sets a value of this.name. If I call a function of that function (is there a better term for that?), I can get the value of that name with this.name. However, if I save that function's function as a variable, and THEN call it, this.name is undefined.
I don't think my vocabulary is clear enough, so here's my example:
function Ninja(name){
this._name = name;
this.getName = function(){
return "ninja "+this._name
}}
sam = new Ninja("sam");
assert( sam.getName() == "ninja sam", "Ninja's name is ninja sam" );
sam2 = new Ninja("sam2");
sam2getName = sam2.getName;
assert( sam2getName() == "ninja sam2", "Ninja 2's name is ninja sam2" ); //fails
log("Ninja 2's name is actually "+sam2getName()) // actually "ninja undefined"
(Note: Use of "ninja" and assertions are because I was playing with the code in John Resig's java runner thingie: [URL]). The reason I want to be able to refer to a function by a variable is because I want to pass the function to something else that requires a function to be passed in, such as an ajax callback or something. Anyway... why is this.name undefined in the second example?
First of all, I am not a student and this is not homework. Secondly, I've been programming in C, Motorola assembler, Intel assembler and even GWBasic for years. I recently (this year) got into Web / Javascript / PHP / HTML programming and I'm clawing up the learning curve. I know a fair amount, but have a long way to go. I've been trying to integrate a WYSIWYG editor (TinyMCE) into a bulletin board software package (PHPBB3). All is working well except for one big stumbling block that I've been battling for the past MONTH!...: I want to support the original BBCode system of PHPBB3 (mostly because of the ability for the admin to add custom BBCodes).
So, what I need to do is this:
(1) Select a range of text.
(2) Either REPLACE it with "selection" or else INSERT "" before and "" after.
(3) Lastly, the original selection must remain selected so that additional BBCodes can be wrapped without the need to re-select.
The purpose of (3) is, say, the user clicks "bold" and "italic" and "underline".... all they should have to do is click those 3, not re-select each time. I've tried doing this:
(1) get the selection range
(2) get the selection text
(3) delete the range contents
(4) create two "contextual fragments" (one for the opening tag, the other for the closing tag).
(5) create a <span> element containing the selection text
(6) Insert it all into the range with range.insertNode()
(7) finally select the new span element
This seems to work fine, but Internet Explorer : fails (it complains when I try to get the selection range).
I have a pricing page that is broken into multiple categories per phase. I want a customer to be able to select my checkboxes and hit a button that will display a rolled up total. I also want it to be able to re-calculate the totals if a box is subsequently unchecked. I have browsed and searched the form to get the code to where it is now but need help to finish it.
View 10 Replies View RelatedI am currently using this template by flowplayer.org: [URL]. The functionality I need is the ability to link directly to a specific ajax tab (i.e. Seagram Building, Barcelona Pavilion, New National Gallery). As of now they are just line items without any anchor tags.
View 9 Replies View RelatedI make use of new HTML5 data attributes to attach data to DOM elements like so:<div class="foo" data-randomdata="bar">jQuery is awesome.</div> It would be nice to have a specific method to accessing the attributes without having to use the .attr() method like this: var foo = $('div').attr('data-randomdata'); It would be nice for it to work something like this: var foo = $('div').DOMdata('randomdata'); //equals bar
View 1 Replies View RelatedI've got resizable divs:
$(document).ready(function() {
$
(".draggit").resizable({
[code]....
I am trying to create an order with the ability to dynamically self total the sum of the selected items but also be able to add a 25% labor fee having it be at least $90.So if someone buys $300 worth of items the labor charge would be $75 but it would be automatically bumped to $90.heres the existing code:
* Calculates the payment total with quantites
* @param {Object} prices
*/[code].....
Everything works in firefox but only the card switch function works in IE
[Code]...
A while back, I an working on dynamic form creation. I wanted a user to be able to enter into a text field how many designs he or she would like, then, based on that number, be provided with a pair of text boxes that asked 1) name of design 2) quantity of that particular design. I received this cool way of doing it by user thraddash:
<head>
<script type="text/javascript">
function BuildFormFields($amount){
var
$container = document.getElementById('FormFields'),
$item, $field, $i;
$container.innerHTML = '';
for ($i = 0; $i < $amount; $i++) {
$item = document.createElement('div');
$item.style.margin = '3px';
$field = document.createElement('span');
$field.innerHTML = 'Name of Design';
$field.style.marginRight = '10px';
$item.appendChild($field); .....
As a followup, I wonder how to control in a table where each of these text boxes will appear.