I am creating a weapp and I must use a table to show data from a series of records. I use JQuery to open a window to show the table. Inside every TD tag I want to format data using CSS3, like using box-radius and/or text-shadow. The problem is that I see only the record data inside the tag without no formatting! why? Perhaps I cannot use DIVs inside a TD tag?
View 1 RepliesI'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 Relatedconsider the next code:
var obj = {};
with(obj) {
var x = 10;
}
print(x);
print(obj.x);
It prints 10 and undefined. Here, one could expect that obj.x get the
value 10. But it's not the case, because variable declarations are
placed at the start of function code (or global code), so the
previous code is equivalent with:
var obj;
var x;
obj = {};
with(obj) {
x = 10;
}
print(x);
print(obj.x);
You can clearly see now that x is placed in the outer context. But
consider the next:
var obj = {};
with(obj) {
eval("var x = 10;");
}
print(x);
print(obj.x);
I was expecting that obj.x would get the value 10 here. But no, it
gives the same output as the previous code. I tested it with
spidermonkey, kjs and ie jscript. Looking at the ECMA spec, I could
not find anything that describes that behaviour. Code:
I'm using ui tabs and one of the tabs has 40 different divs inside of it (40 questions from one page and 40 corresponding answers inside one tab on a different page). From another webpage, I want to link to specific divs within the tab.
Example (this doesn't work..just goes to page):
Example (this goes to the right tab, but then I would like the page to be scrolled to the specific div)
How can I go to the desired tab and also the div inside of it?
Currently I have one issue where i have defined my four input tags inside a div.Now the issue is arising that i need to separate them each using the table tag or either the nested div tag to make their width..currently my show is like this
<div class="row">
<input type="text" id="text2" name="text2"/></br>
<input type="radio" name="text2Radios" value="1" class="ToBeED"/>1 </br>
[code]....
I'm trying to achieve this: when I click on the "Zgodovina_Prikaz" div, "Zgodovina_Vsebina" div should appear, which is inside "Zgodovina_Prikazj" div.
Here's the code that works now, but I have to add the "Zgodovina_Prikaz" exactly before "Zgodovina_Vsebina" for it to work.
$(document).ready(function() {
$(".Zgodovina_Vsebina").hide();
$(".Zgodovina_Prikaz").click(function() {
[Code].....
Have one row of a TR trigger the TR below it with a colspan of 13 to show the additional description.
I learned that jquery and colspan don't get along too well so based off other posts I knew to put a div inside the td.
The snipped code is:
So, as you can see I want to show and hide the div with the class="mapsearchinfo".
This is what I have so far and its not working (it hides just fine, and will do an alert on click so I know its something with showing where the div is):
As you can see I'm trying to show the div below what has been clicked (with a toggle in case it needs to be closed) and also close any other open ones.
For now the full scale testing is occurring at [url]
I don't know how to select an element inside other elements, like div's. I have my html site like this:
<div id="container">
<div id="top"><h3>Title</h3</div>
<div class="desc">
Lorem Ipsum dolor set...
</div></div>
<div id="container">
<div id="top"><h3>Title</h3</div>
<div class="desc">
Lorem Ipsum dolor set...
</div></div>...so on...
I want to click on any h3-tag and the jquery should open the next div with class desc. At the moment I use this script:
$(document).ready(function(){
$('.desc').hide();
$('h3').click(function() {
$(this).next('.desc').toggle(400);
return false;
});
});
I absolutly dont know what to change inside the script to affect the next div with class desc.
I have tried everything. How do I get the text that is within a <P>...</P>I also want to put text into that same paragraphIt will have an ID.
View 3 Replies View RelatedI have a div inside another div, I want to keep inner div centered vertically at the visible portion of outer div. Say the outer div is 3000px in height, most of the monitors can not display all of it, only a portion will be seen, I want the inner div to be centered in the view port, if users scroll down the browser window, they will see another portion of outer div but the inner div should still be centered vertically.
View 2 Replies View Relatedif i have this code:<div id="newyork"> <div id="test"> Hello </div> </div>And bye $("test") I want call to newyork, how can I do that?somthing like $("test").getinsidetag();
View 6 Replies View RelatedI'm working on a website that has four tabs, [#main, page1.html, page2.html, page3.html] if you click on tab2 it will dynamically load page1.html where there is a form that a user will fill out, and when they submit it, I would like to reload page1.html, or tab2 if its easier and in scope, to show new information.
However the only thing I have been able to do is fade out the 'main' div inside this tab, $('#main').fadeOut('slow'); but adding a .load('#main') to reload the div fails.
I've also tried loading ui-tabs-1 but I dont think this will work since page1.html doesnt have it defined, it's part of the page loading page1.html (where all 4 tabs are located)
I'm using a datepicker and I'm using $(this).html() to get the number of the day inside of a TD. What I want to do is take that number and add one to it. Every time I use var thenum = $(this).html()+1
I get something like 21 instead of 3. Is this possible? I've even tried using $(this).html().toString()
I am having a bit of trouble understanding understanding this function. Specifically, I am having a bit of trouble comprehending what the "-" does. Is it simply the opposite of using +?The code:
$(a[rel=dropdown-req]").click(function(){
$(".dropdown").show().css({
top: $(this).offset().top - $(".dropdown .arrow").position().top - $(".dropdown
[code]....
I'm using the great cloud zoom jquery plugin to add inside zoom to an image in my site, but I want to add a delay on the hover before the zoom takes place.
I created a jsfiddle so you can see the code in action [url]
Hover over the image and the effect takes place immediately. I'm not sure how to make it wait say .5 seconds before it happens.
So far there is no jquery involved from me, I just put the image inside a <a class='cloud-zoom' href='address of big image'><img src='address of small image'></a> to make it work.
I have, inside a wrapper a rectangular div where in the middle there is an image.now the idea is that when i click the image the inside of this div change and the inside divides itself in two other div, the upper one where i should put a dropdown list (with things inside), and a lower div where should be appear the results of a db.The part where I make a choice from the list and in the lower div the images from db appear is all right( i think:))Is it possible with this language clear a div and the put two little different div inside it and add a dropdown list?
View 4 Replies View Relatedi guess this isn't really jQuery specific rather than it is a global JS-thing, but I tried general solutions for this and they all did not work so I figured this might be because I'm trying to do this with the $ function.
What I wanna do is this: I have a document with an iFrame. From inside that iFrame I wanna call the $-function of the original (parent) document. I tried so many things like
parent.$
top.$
window.parent / top.$
the stuff above with .document.$
and other stuff but none of that works. So, how do you call $ of the real document from inside an iFrame?
I am trying to put a remove link beside each newly created input. It doesn't work. It only works if I put the remove link in the HTML and not inject it dynamically. Can anybody work out why this would be?
[Code]...
I'm using the following to sequentially change the background color of some list items. It works, but is there a direct way of putting a variable inside the n-th child parentheses, instead of concatenating? Second question, more CSSey, though. The highlight goes all the way across the page since the CSS bounding box is 100% for the li items. The lines are various lengths so I can't just set the bounding box to, say, fifty percent. Is there a way to use jQuery to make the bounding box, or background color only go to the end of the text?
View 1 Replies View RelatedI appended an a and select tag inside a div.
When a checkbox is checked it will append these items. Yet, now I want it where if it's not checked or the person unchecks it... then it will remove the appended elements.
How can I do this?
This is the code I have so far:
if($('input[name="hosting_Service"]').not(":checked")){
$("#hosting_text").remove();
$("#hosting_options").remove();
}
This is inside a php echo.. so don't mind the " " it's just saying it's " "
according to the code... I check with a if statement if true and remove the elements. the condition is when the checkbox is not checked. I have the same exact code to append the elements inside the div. but instead I used the .is instead of .not the hosting_Service is the input that is a checkbox.
however this code seems to work.. only for hosting_options. yet, it breaks all the code... meaning I have the if statement before this checking if it is checked... then append the elements.
well if I add the code above it dosen't allow when you check the box to append the elements inside a div.Yet if I didn't add this code and then click the checkbox it will append the elements but without refreshing the page.. if I then add this code given to above the hosting_options would only be removed and the hosting_text will still not be removed.
I was both to work properly. I want it where if you click the check box to mark it... it should append elements into the div. If you uncheck it then it should remove those elements that were appended.
I am trying to make a shopping site and when a user click "add to cart" button, a "this item has been added" text will show up next to the product title.My html code
<div id="product">
<table width="594" border="0" cellpadding="5" cellspacing="0">
<tr>[code]....
I want the text only append once on every table (for different product.
I am trying to use the remove() jquery function.
I appended elements inside this div. But I want it where if a check box is checked then that element which is an a tag html element that will be removed.
The problem... when lets say append 3 <a> tag elements. when I remove all 3. Then append like 4.. I see like gaps. like I want it where if I delete the element it will float upwards. what that means that if I got 3 elements and I delete all 3 and then append 1 new one... then that new one should be shown at the top of the div. Not displayed a little bit lower then where the 3rd element we removed was located at.
It seems like that html code that is appended still stays there for some reason.
I have an iframe and I load a html page with jquery code.I have 2 checkboxes and I have 2 div in this iframe. That way when someone checks the check boxes it will appentTo html code into the div.I was not able to run any code or get them working. So I just wanted to test if I can do it. So I wrote basic code which is this:[code]
I tried that code above. I won't work. It was to detect if the input check box named hosting_Service is checked. If it is checked then it will have a popup window with a message saying ok.I put this code it and tried it. Nothing happens when I click the check box.
I am trying to hide aTRthat does not have id or class.
Example:
<table><tr><td>
<table><tr><td>
<table><tr>
<td>xxx</td><td class="SOMECLASS">SOMETEXT</td>
</tr><tr>
<td>yyy</td><td class="SOMECLASS"></td>
</tr></table></td></tr>
</table></td></tr>
</table>
The row contains a TD with class Some Class and contains some text Some Text. I tried this:
$("tr:has(:contains('SOMETEXT').SOMECLASS)").hide();
My problem is that the page has many nested tables and rows containing rows,so the selector above is true for all the TR's on the page and almost the whole pages is hidden. How can one change the selector to focus only on the row I am interested in?
Suppose I have below code
HTML
<div id="nsu-navigation-bar">
<div class="nav-menu-box">
<ul>
<li id="nav_item_1_parent" class="nav_main_list_item">
<p><a href="#">About</a></p>
[Code]...
with my jquery code , I tried to hide and show the inside div of li but I can't . Is there any easy way to do this? like $(this).('.nav_item_panel_div') or something else which fits my need
I'm currently trying to produce an HTML table from an XML feed, using jQuery. And this works great! With an "each" loop, there now is a nice table on my screen, displaying the right information from the feed.
I would like for each new row of this table to have a separate color. For example:
row 1 - blue
row 2 - green
row 3 - blue again
row 4 - green again
...
and so on...
What I've tried, is putting something like this inside the loop:
var
x=0
(this line should probably be outside of the loop, but that doesn't seem to work)
if
(x=0)
code 1...
x=x+1
else
code 2...
x=x-1
But this doesn't work.