The code below is producing this:
<div id="searchResults">
<li class="searchResultsItem"><h4>Title</h4>lalala
</li>
<li class="searchResultsItem"><h4>Title</h4>lalala
[Code].....
Code:
<script src="[URL]" type="text/javascript"></script>
<script>
$(document).ready(function(){
var playlistContentBuilderSearch='';
var contentLength = 7;
for(var i=0;i < contentLength;i++){
playlistContentBuilderSearch += "<li class='searchResultsItem'>";
playlistContentBuilderSearch += "<h4>Title</h4>";
playlistContentBuilderSearch += "<p>lalala</p>";
playlistContentBuilderSearch += "</li>";
} .....
As you may have guessed contentLength is dynamic, coming from webservice. For this example its value is 7 but it can be 9 or 23 etc.. The idea is to group the <li> tags in six surrounded by numbered divs for each group, just like the previous example. How can I do it?
I have the following HTML within a form
<!-- height -->
<label for="height">
Height (cm)
</label>
[Code].....
I suppose I should somehow loop through all the labels, and for each find the next input. Then make a selection of this union and apply a wrapAll('<div class='field'>) But how exactly do I do this using jQuery manipulators?
I am hoping you can help me. I am finding this problem rather complex to solve. I need to be able to find the surrounding text at the mouse position. For example, if a user clicks on a word in a paragraph, I need to programmatically know what the text is surrounding the click point. The text in question is not just content text, but DOM elements read in as text rather than the DOM element itself. For example, if a user clicks at the word "This" in the following:
<table><tr><td>This is good</td></tr> then I would like to know how to get the text "<td>" just before the "This" as text, not as a DOM element. Furthermore, how can I "enlargen" the scope of my capture, such that I can programmatically get the "<table><tr><td>" part as well as the "is good</td></tr>" part?
As I use some external js library and code (swfobject, jquery, fancyzoom, ...) and that, having alot of file requested can slow down a site, I want to know if it is a good idea to merge all those js file into a big one, so it is loaded 1 time, then is in cache. I think it can be good for server request but, is there any bug possibilities to do this?
View 1 Replies View RelatedDoes anyone know how to create a grid with grouping similar to itunes? I have searched the web and cannot find anything. I want to have a category and to the left and several topics to be grouped with that category. See image below.
View 2 Replies View RelatedI was interested by Paul Irish's presentationon best practices where he mentions building document fragments off-DOM:[URL]... (page 8) I was wondering about the possibility of having some kind of buffering capability in jQuery, eg:
var $buffer = $.buffer();
$bigGroupOfFrags.each(function(){
$buffer.add( $('body').append(this) ); // any DOM touches get buffered
});
$.buffer().flush(); // write to DOM
I know you can manage this manually as Paul states in his pre and I havn't thought about the implications too deeply, but a nice abstracted way to do this would bereally helpful.I've noticed when using new CSS3 styling like dropshadows, DOM touching get's really expensive.
I would like to place every n-th element in a div.
change this html
<div id="container">
<img />
<img />
[Code].....
I'm a relative novice at java script. I've been working on a google map that can be found at: [URL](way too much code to post here). Each of the makers on the map has s particular set of information that pops up in a window when it is clicked, including a hyperlink called "join this group." Right now clicking on that link merely takes the user to the form at the bottom of the page.
What I would like the link to do is to both take the user to form at the bottom of the page and automatically select from the drop down menu the group associated with that particular "join this group" link. For example, if a user selected the marker representing the Neighborhood, Beverly group and then hit the join this group link, the drop down menu would automatically select the Neighborhood, Beverly (Pless) for them. I suspect this involves using java script to pass a value. I just have had no luck getting it to work.
I made this function to duplicate form elements with a little html-code surrounding the input fields. First i clone the html of the first child found (always gets rendered by php). Then, everytime the add-button is pushed, i append a cloned piece of that stored html. It's working fine except for the delete button.
It's seems that whenever a cloned html is removed, the other cloned elements aren't recognized anymore by the delete buttons (although the delete buttons are in them)
I'm trying to group some existing top-level functions inside a closure (to avoid polluting the global namespace) but I'm not quite getting it to work. First, all the JS works outside my anonymous function, but once I put it in the anonymous function I get an error of "crossfade is not defined". I'm not quite getting why the the setInterval/crossfade works outside the anonymous function but not inside. Anything inside start() should be able to see vars/functions outside start() and it should all be protected in the closure created by the top-level anonymous function? I'm not trying to access anything *within* crossfade(), I'm just trying to execute it.
Code:
(function($) {
//vars up here that internal functions can access
//also using some jquery inside here, so using $
function crossfade() {
//body here
}
//other functions
function start() {
//body here
cInterval = setInterval('crossfade()', 5000);
}
})(jQuery);
I have a radio group that, when a certain option is selected, it makes the radio group disappear and a textbox appear. It works great in Firefox, but it appears to be glitchy in IE.
<script type="text/javascript">
function showRestaurantTextBox()
{
[code].....
Just a quick 10-minute thing I whipped up out of boredom:
In Mozilla, every textarea now has:
surroundSelection(leftstr, rightstr)
and insertAtSelection(str)
methods.
In IE, you need to explicitly give textareas those methods by:
ExtendTextArea(refToTextArea)
And now that textarea has those same methods.
I see this question asked enough that I thought it might be useful enough to post this.
Can't seem to make it work, I have seen many examples but they are all just for 1 div tag. When i trymore than one it doesn't work anymore.The first one works, if i have more than 1 then the other don't work.
using the following jquery
$(document).ready(function(){
$("#toggle-text").click(function () {
var divvalue= this.value;
[Code]....
I'm trying to make it so that on holidays, my page will say Happy"so and so..." at the top.I only started this 5 minutes ago so that's why it's so under developed. Here's what I have.I'm wanting to know if "today.getMonth.getDate" is valid or would I have to do something else.
function startTime()
{
var today=new Date();
[code]....
I have this markup:
[Code]...
There are two radio buttons, sometimes one will be disabled, other times the other will be disabled. I would like to make a script that: First: Changes the color of surrounding text of the disabled radio button to the color grey. Second: Checks the other radio button.
This was my plan: I would make a script that: First: Removes all the current classes and add the class "greyed_out" (or better: change only the color of) the parent element, all siblings and children of siblings (if any) of the radio button that is disabled at that time.Second: Sets the attribute "checked to the other radio button". I made a script, but when I set the bottom radio button to disabled the script doesn't work:
[Code]...
I try to group several rows in a table into a div and show/hide them by
click on a button somewhere with a javascript link. When clicked, the link
will toggle the style of the div section's style between BLOCK and NONE.
This technique works on normal text fine, but it doesn't work on part of the
table, is there a solution that I can achieve the goal of turning on/off
several rows all together?
If I have inputs like this:
Code:
<form name = 'myform'>
<input type='text' name='Monday_1'>
<input type='text' name='Monday_2'>
[code]...
But can I somehow do this instead?:
Code:
<form name = 'myform'>
<input type='text' name='Monday[1]'>
<input type='text' name='Monday[2]'>
[code]...
I have a form with multiple Divs containing radios, text etc. What I'm trying to do is write a function that will validate all radios only within a specified Div (in the code example below, Div4). I need to validate if all the radios in the div have "no" selected, or button[1]. If any have yes selected, then nothing happens. Only if all have No selected do I need something to happen.
Assigning radios to groups for validation is something I've done on a global (all of form) scale, but I can't figure how to be explicit to a div. The code below works, but only on individual radios, not groups. I've included a few buttons outside the div for effect. Oh, and the final product won't have alerts, it will be used to trigger a hidden div elsewhere in the form.
[Code]...
Ok so the problem is when I mouse over the left nav menu all is great, when I mouse over the newly created DHTML menu in the middle the seperators(black before mouse over of the DHTML menu) disapear on the left nav menu and there is now white space surrounding the buttons on the left nave menu. IF you switch to full screen mode(F11 I think) I can see the actual graphic on the left nav menu changing and that is what is causing this, but I cant find it in the code.
I have narrowed it down to my framework.js script but no idea where it is within this code. I can post that code in here and maybe you can see what I mean and I will attach a screen shot of the problem.
[url]
[url]
[url]
[url]
I use Firefox and am wondering how to select a word and wrap [b] tags or [quote] tags around it?
View 30 Replies View RelatedI would like to group some function in Jquery, I have this code:
$(document).ready(function() {
$('#menu1').hide('fast');
$('#menu2').hide('fast');
$('#menu3').hide('fast');
$('#menu4').hide('fast');
return false;
);
I would like to group all of this loke that:
$('#menu*').hide('fast');
i have a list of elements like the following sample. Now i've want to group these elements by there nearest elements of same type. But the elements not grouped by parent element.
<body>
<!-- Need to build a group of these two teasers-->
<div class="teaser">
<h2>Headline</h2>
[Code]....
Please unsubscribe me from this group.
View 2 Replies View RelatedI am using the SORT plugin and moving entries around on the page. After each move I want to "blue line" the list all over again. So, I figured I could toggle all of the TR's, which I have named with the same class.
View 3 Replies View RelatedI have the following html and would like to find out how to select #subgroup under #group2. I tried $(#group2 #subgroup) but that didn't seem to work.
<div id="main">
<div id="group1">
<div id="subgroup">
...
</div>
</div>
<div id="group2">
<div id="subgroup">
...
</div>
</div>
<div id="group3">
<div id="subgroup">
...
</div>
</div>
</div>