This is probably more of an HTML question than anything else, so my apologies if it's out of place.I'm using a series of spans within a div to act as filters (selectors) to hide/show various divs. When the user clicks on the text within the span, the span toggles a "selected" class, and also triggers a function to hide the associated divs. My problem is that occasionally the area around the text (the entire span, it would seem) gets "selected" when clicked on and turns blue, obscuring the text. Here are two screenshots, one showing the word "lambs" correctly, the other showing the same word with the unwanted blue background. Question: is there any way to make this not happen? Should I be using different elements as the selectors?
I am trying to get/set only text of list only element text value. But for some reason I can not select it in clear way. List something like:
<ul> <li id="myid"> Here text that I want to modify <ul> <li id="dfdf">i don't want modify this</li> <li id="dfdf">i don't want modify this</li> [Code]...
I'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.
suppose i have a html page with text, links and what ever else a page contains. On selection of Text on the html page i want to raise some event that will do something. But what that event is known as? By text selection i mean placing mouse pointer to some text and left clicking and moving the mouse either to left or right. Now when user selects some portion of text and releases the mouse's left click button a event should be raised. Obviously that event should know what was the selected text. So is it possible ?
.change() is only for form elements minus check boxes/radio buttons, etc.Are any of you aware of a script that does this already? Hopefully one that is easy to implement.I just want to monitor things like height, number of inner elements, or any change in the inner HTML.
I'm using mouseenter and mouseleave to call a slideToggle on a dropdown menu. What's bothering me though is if my mouse moves in and out of the menu a few times before the toggle animation is complete and replays the open close a few times before stopping. [URL]... Is there a way to kill the queue so that it doesn't play if the mouse is not over it anymore?
I am looking for a working replacement of the following function for Mozilla (this was written for IE):
// encloses the selected area into starting and closing tag // if no closing tag is given the starting tag will replace the selection function encloseSelection(startingTag, closingTag) { editRange = editArea.document.selection.createRange();
if (closingTag) { editRange.pasteHTML(startingTag+editRange.htmlText +closingTag); return; }
//editRange.collapse(false); // move insertion point to end of text range (append tag) editRange.pasteHTML(startingTag); // replace selection with startingTag }
Longer version: I am working on making an older "WYSIWYMG"-editor (written for IE) Mozilla-compatible. Everything works fine so far, but I am not able to figure out a solution to the above problem.
I'd like to enclose a selected text in one of the famous "designMode=on" iframes with HTML-strings. I've tried numerous ways - by now without luck.
I know how to do this the hard way, but I suspect that there's an easier option. I'm creating a program that requires a series of 4 or 6 select menus. Something like this: Code:
I'm currently following this tutorial on loading pages with Ajax:[url]...
For some reason when a new page is loaded via Ajax by clicking a link on the left-hand navigation, the new content returned has a large gap that appears on its left-hand side. My question is what's causing this and how can it be fixed?There's not much in the source, so reading the code shouldn't be difficult.
I am having a problem with a site I am working on right [URL]..clicking on the "Kontaktieren Sie uns"-Link it triggers an unwanted scroll in the slider just underneath it. I am also getting a java script error when I view the site on ie/windows. I am clueless since I am not at all confident with java script.
Got some problems with a php script that outputs a jQuery script. The purpose of the jQuery code is that when you select an item from the select field that other items need to be disabled(works correct in all conditions) and that at the same time text in corresponding divs' text are altered.The thing is that the script basically works.. however when you've made a selection only the disabling works everytime but the divs are only updated once, so you need to refresh the page if you want to do it again..[code]
Here's a demo of the work I have at the moment: [url]
Basically if you click on "Blog" in the main navigation column, a second column next to it will Ajax loads "blog.html" that contains a list of "posts." If you click on one of the posts in the second column, a third column will load in with the content of the post.
While that's working fine, if you click "Blog" again, this is where the script goes haywire. Firebug shows over 20 GET requests on the second column. And then when you click on a link in the second column after that, an equal amount of GET requests is sent. You can even see the animations going crazy. I have no idea why this is happening.
It started to occur when I added the following lines to mainnav.js:
The reason why I added this was because I wanted to show the full slide out animation before the script Ajax loads another blog.html when "Blog" is clicked for the second time. Before I implemented the code above and loadContent function, the problem was that the slide out animation was cut off by the loading of the page. To prevent this, I thought using a callback function would work since callbacks occur after the animation is completed.
The only issue with this is that if you first load the page #listnav has no child elements. Therefore if you try using the following code:
...the callback function is never executed since there are no nav li elements until you click "Blog." That's why I tried to implement an if statement which checks if there are elements within #listnav, and it works fine on the first click, but any clicks after the script just bugs out.
I have used a javascript inside the bottom of the page, I am not able to get why the unwanted gap is coming, can we resolve this without removing the javascript,
Not sure if this should have went into the php or javascript forum. I am trying to setup a script that will automatically population a html selection option based on the choice of the previous selection. If hard code everything it will work fine example manufacturer is currently being populated dynamically when the pages loads. The issue is I am can't pass pass the manufacturer variable through to be processed to only retrieve the models for that manufacturer. The code also uses a standard ajax script which httprequest in it.
I don't know if it was some kind of "upgrade" in a recent Windows SP but, I now have a problem...When ever I have JavaScript open a new window the URL is displayed in the title bar prior to the title, this is really just an aesthetic problem but seems to be fixed if I set the new window property of location to yes, but I then get an ugly url title bar in my new window. Does anyone know how to disable that "feature" or even what I am talking about. It just annoys me.
I just have one index.html page with NO links NO pics. Just a simple html page.
Whenever I open that page I want to eliminate few things like:
I don't want scroll bar -> I have a solution <body scroll="no"> I don't want status bar -> ? need solution ? I don't want toolbar bar -> ? need solution ? I don't want menu bar -> ? need solution ?
I JUST want the title bar, address bar and the IE window.
In a web based form I am able to make sure that there is text in an input field but I want to restrict the user from using such characters as ~ # & '
How can I modify this JavaScript below to enable this ?
if (document.form1.ProjectTitle.value == ""){ alert("Please complete the Project Title: field") document.form1.ProjectTitle.focus() validFlag = false return validFlag }
When entering the project title into another system it issues an error when those characters are input - hence the need to delete them from the request.
Instead of searching and replacing unwanted character in strings using cgi/perl, I would like to prevent some characters from ever being typed in text boxes and textfields. Two characters I would like to stop are "|" (pipe symbol) and the "carriage return". I am not even sure how to search and/or replace a carriage return in a string anyway. This may be a JavaScript function, because what I would really like to do is send an alert to tell the user that it is not allowed.
I'm working on a navigation menu where I want to insert some html after a UL element.
Here's the statement: selUL.eq(x+1).after('<b>hello</b></div><div class="subMenu">'); I'm trying to insert it after the following <ul> element: <div class="subMenu"> <ul
[Code]...
It's like it's trying to auto correct me. I need it to print everything exactly as I have it, otherwise my navigation won't divide into separate columns. Anyone have an idea why it's doing this? If I remove the <div> elements and just use the <b> element it works fine.
EDIT: After some more testing, the After method seems to strip out any closing elements not yet opened (</div>) and automatically closes any elements opened but not closed (<div class="subMenu">). Anyone know of a way to stop this from happening?
I'm trying to get an unordered list and its children as an HTML string on a mouseout event, but html()only selects the child elements:var theHtml = $('ul', this).html();I've tried using andSelf(), but that doesn't return the result I want:var theHtml =$('ul',this).and Self(). html();I can't choose $(this).html() as I need only the list.
I am creating a <select> with options, and I want to include such html entities as the Ohm/Omega symbol (Ω)When I say
$select.append($("<option>").text("Ω"));
it leaves that as plain text instead of turing it into the Ohm symbol -- specifically, it turns the & into an &, so that the rest of it doesn't get resolved.
I'm trying to "turn" the border for input fields on (or off).In my css I have border-style:none, and I want to turn the border backon if the first input is empty.
I am using $().html to manipulate DOM elements, as an example:
jQuery('#basic).html(..some data...);
I then alter the DOM using a div and id as part of the HTML document. For example.
<div id='basic>change this</div>
This is absolutely fine when manipulating simple things (like numbers or text such as the above) - but when I wish to manipulate a specific attribute of an element wrapped within a div
At the moment I am using $().html to insert the entire element and its attribute list, but this is very cumbersome,inelegantand fault prone (and doesn't seem to work well using JSON).
I can't seem to find a method to Modify Attribute !!