I have a (not too long) paragraph. In this paragraph a few words are wrapped with <span class="emphasize_m"> and <span class="emphasize_xl"> What i want to do is wrap all words in <span> which aren't wrapped already.Then i want to switch all span opacities to 0 (zero).I don't have an idea of how to wrap words separately.
View 6 RepliesLet's say I have this paragraph..<p>My dog is brown.</p I would like to accomplish this.. <p>My <span class="animal">dog</span> is brown.</p> So, I want to use JavaScript to find all "dog" strings inside the paragraph and wrap them in a SPAN element of a given class. I would love to have a plug-in that does that... like this: $("p").findAndWrap("dog", "<span class='animal' />"); I know this can be done in JS, but I'm not particularlyexperiencedin JS string manipulation, so it would take a while until I would accomplish this...Is there a plug-in that does this?
View 7 Replies View Relatedim trying to count the letters that i search inside the string.
<html>
<head>
<script type = "text/javascript">
var counter = 0;
[Code]....
i have this javascript question below,
Code:
var xHRObject = false;
if (window.XMLHttpRequest) {
[code].....
I want to make a for loop with jQuery to reduce code, but it wouldn't work. This is the sorth of thing I want to do: run through an array of <li> and animate them separately with a pause in between.
$(
'#thebutton'
)
.click
[Code].....
I want to travel through a for loop of list elements with JQuery, to separately let every list element float downwards. If I do this without a for loop, it works perfectly:
Code JavaScript:
<script type="text/javascript">
$(document).ready(function() {
$('#menu li').animate({ "opacity": "0", "marginTop": "-300px" },0);
$('#thebutton').click(function(){
var items = $('#menu > li');
$(items[0]).delay().animate({ "opacity": "1", "marginTop": "2px" }, 400);
[Code]...
I inherited Javascript and jQuery for a sliding belt (carousel) module. Basically, left and right navigation arrows would appear to the sides of the belt if there were more slides to show.
The jQuery and Javascript code was originally a singleton, so I decided to convert it into a jQuery plug-in in case the belt HTML markup was instantiated more than once. We have a CMS, so multiple belt modules theoretically could be placed on the same template.
Below is test page with two belts on the same page and the associated Javascript jQuery.
My problem is that when you click on the arrows or the slides, I found that the second belt works fine but not the first one. The first one does not show a left arrow when you page to the right. Likewise, the first belt gets mixed up going to the left. Somehow, only the second belt works as expected.
What I would like to do is when I attach my plug-in to a DIV, I want each belt to operate independently of each other (i.e keep its own local variables, functions, etc.).
I am not sure what I am missing here. what I am doing wrong? (You should be able to copy and paste the code into jsFiddle to see how it currently works.)
I have the page here also: [url]
<html>
I'm working with an XML feed that I'm displaying using XSLT. Everything is working great except for 1 thing. One of the nodes that I'm using has a bunch of data in it that I need to split into separate divs for the design. jQuery should work wonderfully for it, but my problem is that in the data I'm supplied there is a string that *should* have a <p></p> around it, but it doesn't. So therefore I have no idea how to select it.[code]
View 2 Replies View RelatedFor example I have the following html:
<div class="test1">test</div>
<div class="test2">test2</div>
<div class="test3">test3</div>
[code]....
it seems the very first thing I try to dogives me problems. However, probably I am missing something so let meask you if you can hint me on the best way to accomplish this.I want to transform a document with a flat structure like this
<h1>Heading 1</h1>
Paragraph 1.1
Paragraph 1.2
[code]....
Is there a way to stop superfish from wrapping? When there are too many menu items to fit on the page I don't want the menu to wrap. I would prefer to use the browsers scroll bars to see the rest of the menu.
View 1 Replies View RelatedRight now, the array items print out without spaces like "Jane,John,Mary,Sue". I need to be able to work with the items individually so I can format them so they read "Jane, John, Mary and Sue". I thought I'd be able to do something like v[i] + ", " but I get an "undefined" when I try to alert for v[i]. Can someone point me in the right direction? Code:
View 17 Replies View RelatedI want to use jquery to make sure that my HTML forms have the correct structure and classes. What I want:
HTML Code:
<form class="myclass">
<label class="label-class"><span class="there_is_supposed_to_be_a_span_here">Label</label>
[code]....
I've got an unordered lists. I need to make the numbers larger (ordered lists numbers) and keep the text in the list at the same size. So what I was assuming I need to do is make the <li> font-size larger (the size I want the unordered list number to be), then wrap the text with a <span> and make the <span> smaller. I'm using a CMS and since the client will be modifying the text in the CMS, I can't exactly tell them to put <span> text, blah, blah</span> in the unordered lists as they won't figure that out. So how would I write the jQuery to wrap the text in the unordered lists with a span? Currently the output is like so:
<ol>
<li>Item One</li>
<li>Item Two</li>
</ol>
[Code]....
How does wrapping a json response from the server in textarea tags?
View 1 Replies View RelatedDoes anybody know if it is possible to reference only text inputs, and not radio and checkboxes, and if so, how?
View 6 Replies View RelatedI have two drop-down fields that are populated separately from the database. Here is my HTML/PHP code
Drop-down field #1
<tr class=bodyTRstyle>
<td width="35%"><p align="left">Venue</td>
<td class=fieldTDstyle width="269"><p align="left">
<select name="VenueName" class=VenueName><option selected><?php echo $VenueName?></option
<?php
$SelectVenueQuery="select * from venue order by VenueName";
$SelectVenueResult=mysql_query($SelectVenueQuery);
while ($VenueRow=mysql_fetch_array($SelectVenueResult)){
extract($VenueRow);
echo "<option value='$VenueName'>$VenueName";}?>
</select></td></tr>
Drop-down Field #2
<tr class=bodyTRstyle>
<td width="35%"><p align="left">Results</td>
<td class=fieldTDstyle width="269"><p align="left">
<select name="GameResults" class=GameResults><option selected>
<?php echo $GameResults?></option
<?php
$ResultsQuery="select * from result order by ResultDate";
$ResultsQueryResult=mysql_query($ResultsQuery);
While ($ResultsRow=mysql_fetch_array($ResultsQueryResult)){
extract($ResultsRow);
echo "<option value='$ResultDate'>$ResultDate";}?>
</select></td></tr>
This code works well as long as the two drop-downs are independent of each other. The result table has VenueName as an element, so each venue has a set of result records in the result table. This is how I want to change it: The Venue dropdown will remain as it is. Once the Venue Name is selected I want the result dropdown to populate with ONLY the result records containing a match on VenueName that was selected in the venue dropdown. How do I do that? Is it with a onChange Event? What are the changes that need to be made? How do I communicate to the second drop-down what was selected in the Venue drop-down??
how to wrap an element with a div (or other element) using DHTML.
For instance lets say l have this in my HTML:
<a href="#" id="btn">test</a>
if l use the following script:
obj = document.getElementById('btn').innerHTML;
obj = '<div>' + obj + '</div>';
[Code]....
I am working on code to wrap BBCodes around a user selection, then leave the selection selected for possibly adding more BBCodes around the same selection.My problem is that there seems to be several different ways to do it and I can't figure out which one is "the best".Now, I can't use the "standard" way of doing this because I am working with TinyMCE. I know there are countless examples on how to do this with textareas... that is NOT what I need.TinyMCE can give me a selection RANGE, a selection NODE or a selection OBJECT. Note that if I use TinyMCE's range, it internally "normalizes" the range to be a standard W3C range, regardless of browser.I've created a new range, extracted the selection from the user's range, created elements for the open and close BBCode, inserted the elements into the range and finally set the user's selection to the new range. Works fine.
I also tried taking the selection node (which is an element), then simply used "innerHTML" to add the opening and closing tags, then set the node to the modified node. Works fine.I've also used the editor's built in "selection.getContent()" and "selection.setContent()" calls and THIS also works.I've even tried using the DOM "surroundContents()" function, then used a regex to change the < and > into [ and ]. Freaky... but that works too.So, my dilemma is... which method should I use???To recap, here's what I want (blue represents selected text):
This is a test sentence. (user selected some text)
This is a test sentence. (text is wrapped and remains selected).
This is a test sentence. (user clicked another bbcode button).
[code]....
I found this code on some web site which actually works on my current Safari browser. I will be grateful if anyone out there with IE version 8 or less can verify it working as well.
Basically I wanted to highlight some text with mouse drag, and have that piece of text wrapped with [high] at the beginning and [/high] at the end.
[Code]...
I am building an e-learning lesson in Lectora that will be deployed to a SCROM compatible learning management system. The lesson is converted into HTML before that happens. My table of contents is around 100 pixels wide but some of the page names are longer than that and do not display fully when viewed in a browser.What I am trying to do is this:The page name for this page is very, very long and I can't see it all. Blah blahWould becomeThe page name for this page is very,
View 1 Replies View RelatedI've got a form with a textarea box, currently you can just type a message in the box and submit it, then it is added to a mysql database and shows up on a page I made for people to view staff memos.
I've been asked to add formatting options like bold, italic, underline etc. Unfortunately me and javascript have never really met so I'm quite stumped. I can handle the form processing with PHP converting [b] to <strong> etc myself but I need help with the actual user interface.
I'm trying to dynamically turn textarea word wrapping on and off and have the textarea update accordingly but my code isn't working and I'm not sure why.
View 4 Replies View RelatedI am in position to get the no. of lines in a 'div' and the words in each line inside a div tag. Is this possible to achieve using jquery. I have googled for so many hours but could not find any results related to my requirement.
View 3 Replies View RelatedI've been searching for about 3 days on this topic. I'm trying to get a template field inside of an ASP.Net detailsview control inside of an ajax updatepanel to work with the jquery datepicker. Very frustrating! I'm using VB with VS 2010. I can get the datepicker to work fine with a simple text box inside of an update panel but when I put it inside of a detailsview control it stops working.
View 4 Replies View RelatedI would like to use JS to grab all images and make them links.
<img class="GrabMe" src="./X.jpg" alt="Alternate Text"/> into
<a rel="Image" href="./X.jpg" title="Alternate Text"><imgclass="GrabMe"src="./X.jpg" alt="Alternate Text"/> </a>
how to do this for every img.GrabMe? I really don't understand how to wrap a tag with another tag.