I have a problem where the page doesn't expand when more results get loaded via jquery on a facebook style wall. Once more results get loaded the footer stays static instead of moving down.
What's the best way to do this?
What I noticed is that my error callback is fired every time.
MyService.asmx:
[WebMethod]
public FileInfo[] GetFileInfo(int Id){
Proxies.ServiceRef.ServiceClient c = new Proxies.ServiceRef.ServiceClient();
return c.GetFileInfo(Id).ToArray();
}
The Jquery code where I am getting error:
$.ajax({
url: url,
data: jsonData,
type: "POST",
contentType: _I.contentType,
timeout: _I.timeout,
dataType: "serviceproxy", // custom type to avoid double parse
dataFilter: function (jsonString, type) { .....
When I debug using firebug the response is as follows.
{"d":[{"__type":"Proxies.AFARServiceRef.AssignmentInfo","ExtensionData":
{},"AssignDate":"/Date(1317748587667)
/","AssignFileName":null,"ClaimId":"PA026195","ClaimantName":"Rachel
Weiss","FirstContactDate":"/Date(1302678000000)/","FirstContactTime":{"Ticks":433800000000,"Days":0,"Hours":12,
"Milliseconds":0,"Minutes":3,"Seconds":0,
"TotalDays":0.50208333333333333,
"TotalHours":12.049999999999999,
"TotalMilliseconds":43380000,
"TotalMinutes":723,"TotalSeconds":43380},"Id":5257,
"InspectionDate":"/Date(1302246000000)/","StatusId":1,"SubmittedCount":5,
"UploadedCount":9}]}
Simple ajax call seems to have some issues in Firefox. The "onComplete:" is
called BEFORE the response is returned by the call. Is there a coding issue
or a work around?
var ajax = new Ajax.Request( url, {method: 'post', parameters: params,
onComplete: evalInfo });
function evalInfo( request )
{
// do stuff with request
}
Should I have a timer that checks the request state before exec the
evalInfo?
the scripts i made is for a search box , the problem is that the search lists does not expand over the page. its just moving the page more down. this is the script:
<script type="text/javascript">
function lookup(inputString) {
if(inputString.length < 1) {
[code]....
I have a vertical menu at the left of my site. When you click on the main elements, they expand with jquery to show sub-elements.The problem is the menu expanded is longer than the page and it doesn't expand the page at the same time, so it goes over the bottom of the page.How do I expand the page at the same time?
View 6 Replies View RelatedI wrote below code for Collapse/Expand some sections. It is working fine. Finally If I click "Save" button and I am re-loading (refresh)page again( code in asp.net). So then sections are going default Colleapse again. I need them back to expand sections. I mean what ever user expanded should me expanded again after refresh page. How can I do that?
$
(
function
()[code].....
I have a page with two divs on it, <div id="left"> and <div id="right"> . On my page, there are times when the right div is not displayed as there is no content in it, how can I get jquery to detect that div id="right" does not exist on a page so make the width of the left div to 1200px.
This is what ive found, but im not sure length is what I should be using to calculate if a div exists or not:
[Code]...
Alright, so I'm working on a script, and I'm simply using the following code:
document.getElementById("element").onclick = alert("hello");
When I load the page, the alert fires instantaneously. I'm completely stumped. I've checked everything in my not too extensive Javascript file, and it looks fine. What common errors could cause this?
So its kind of complicated what I'm going to try and explain but here goes... I have a two column layout that has a thin column on the left for the menu and then a wider column on the right hand side for content.
Now the problem is that when the height content of the right hand column surpases that of the menu (left column) then I get the content that is supposed to be in the right column shifting to underneath the menu - which I do not want....
CSS:
.leftcol{
text-align: left;
color: #333333;
float: left;
width: 25%;
max-height: 100%;
}
.rightcol{
width: 100%;
text-align: left;
}
Does anyone know of any javascript that would make the height of the menu div expand to that of the content div or have any better solutions?
I started some programming with Javascript.I'd like to use it to expand/collapse some headers in a page. I made following code to do this.:collapse-expand.txt.That works perfect!But I want to add something, and I have some problems with that. As I have e.g. 4 headers, I want to expand the text (in <p>-tag) by clicking on header 1. When I click on header 2, I want to collapse text of header 1 and expand header 2 text.And so on.That way, I get the height of the site relatively small without needing to scroll.I don't quite know how to implement this function into my JS-code!And if it could be implemented in my .js file, how do I link that in my html, because now I have in every header the same line:<a href="#first" onClick="shoh('first');">, <a href="#second" onClick="shoh('first');">, etc..How can I get the content of header 1 be seen as soon as the screen pops up. So you don't have to click on Header1 before you can see it? And then go on from there: clicking on header2 makes text of header 1 disappear and expands text from header 2, and so on.
View 24 Replies View RelatedI have a series of divs in 2 blocks say BLOCK1 and BLOCK2 and I want to use one click to expand/collapse all those in each block. But the code I came up with exapands all the divs in the entire page.
How do I restrict it to each block and also how do I cllapse those in each block
and change the text to Collapse All. I am stumped here. Any help really really appreciated. Here is my code:
I have a series of checkboxes on a page and the goal is to run an ajax post each time one of the checkboxes is checked. When the page loads, the first time I click each of the checkboxes everything goes as planned. After I receive the response from my ajax php function and all related events fire, I click the checkbox again and nothing happens. The event listener seems to have stopped functioning.
Here is my code:
$(document).ready(function() {
$(':checkbox').change(function() {
$(this).attr('disabled','disabled');
$('#' + $(this).attr('id') + 'Waiting').addClass('loading');
[Code]....
i generated a subnode for all unordered lists which are Childs of List-Elements like this:
<ul>
<li>1</li>
<li>2
<ul>
[Code].....
I am having an issue with the dialog plugin. I have thelatestjquery and dialog version installed. I have a link that opens a form into a div and than I create a dialog with that div to display as a modal Iframe. It opens at the first time I fire the open event and it fires correctly the close event when I close the iframe, but when I try to open for the second time without refreshing the form that the dialog div is in it, it just does nothing. Do not create the dialog again nor display it to me if it is already created.
here is the code that fires up the dialog:
function addPedidoCliente() {
$.ajax({
url: server+"/ajax/Pedidos/addPedidoCliente",
data: "",
[Code]....
So every time I click on a specific button, this code is called, it is also performing the ajax request as I can see in firebug (the response is ok as well) but the dialog Iframe is not created.
I've got a button toolbar, and users can select rows in a table. When they have selected some row's, they can click one of the buttons, and it invokes a callback. Problem is, when I click the first time, there's nothing wrong. But when I click the second time, it fires the callback two times, when I click the third time it fires the callback three times, and so on. That's a big problem, since the button is used to delete a page, and obviously it should delete it only once, since the AJAX would return an error ortherwise. The code is seperated in three blocks, first the the onclick on the button object, which invokes a function called confirmAction, taking to parameters. [1], a message for the users, [2] the name of the callback unction. When the confirmation is confirmed, the confirmAction function calls the callback. As said before, when I click #delete once, it behaves like expected. But when I click the second time (without refresh) it runs the callback function twice, third time thrice, and so on.
[code]
$('#delete').click(function() {
confirmAction('Weet je zeker dat je de geselecteerde pagina's wilt
verwijderen?', 'destroy');
});
[Code].....
i was using $.ajax method to get my ajax page on my main page,which is working great.But now if i have links in that ajax page then i can't open them in that same div,the links are opening in new window,but i want to open in same part,i tried google it and then found, i have to use iframe instead of div.how to do with only use jquery and div.
View 3 Replies View RelatedI cant figure out why a trigger event fires in the following function:
But not in this function:
When using FF 4 or CHROME 10, it seems to work fine in IE9. I have validated that the second function is pulling the proper elements when selecting the toFire variable, but the trigger just doesnt seem to fire. Value is always true or false, never undefined and the Click event that is being fired in the second function is the same that is being triggered in the first function.
I'm busy experimenting with jquery at the moment for a website I'm trying to put together.
I have a bunch of links which fire a jquery function as follows:
<a href="#" class = "spam" onclick="return changeValue('1');">Spam</a>
<a href="#" class = "spam" onclick="return changeValue('2');">Spam</a>
<a href="#" class = "spam" onclick="return changeValue('3');">Spam</a>
[Code]...
I have this script:
<script
type
=
"text/javascript">
[code]....
But I don't know how to fire it (cause the dialog box to appear) using <input> to keep the button's styling in line with the rest of the page. This does not work:
<input class="loadButton" type="button" value="open dialog box" onclick="opener">
So how else do you fire the script?
I am trying to implement a div containing an advanced search form drop down on hover and I have everything working (only in FF) except for when I try to add any sort of animation or speed to the '.show' or'.hide' effect. When I try to add speed or seemingly any other effect to the div, the select elements of the search form fires the hover
[Code]...
I have a problem when I use the .live() function that I can't figure out. It's something I've run across several times and it keeps confusing me.
My jQuery:
jQuery('#content div.portfolio').live({
mouseover: function(){
jQuery(this).find('img').fadeOut();
[code]....
My problem is: when the mouse enters and leaves the image the image fades in and out for up to four times. The first mouseenter is just fadeout, fadein, fadeout. why is the event being triggered multiple times and more importantly what can I do to prevent this behavior?
I have a problem with load(), which I cannot find on forum search or google. I have a container "right_col" that should be filled with jQuery after clicking on any hyperlink. The result shall be a HTML page that only changes the content area. On the first loading of the page it works as intended. But after the first load() no more jQuery is used and the page changes URL in Browser and reloads the entire page. After this reload you have again one jQuery that is working and so on.
HTML Code:
<div id="right_col">
<div id="right_content">
</div></div>
This is my JS code:
$(document).ready(function(){
var fadeTime = 200;
$("#right_col").css("display", "none");
$("#right_col").fadeIn(fadeTime);
// links
$("a").click(function(event){
event.preventDefault();
linkLocation = this.href;
$("#right_col").fadeOut(fadeTime, contentloader);
});
function contentloader() {
$('#right_col').load(linkLocation + ' #right_content',null, function(){
$("#right_col").fadeIn(fadeTime);
});}});
As you can see, I'm loading the whole linkLocation and want to replace the content within #right_col with all HTML of #right_content including this div aswell.
I tried Firebug to fugure out if i have more than one #right_col after the load().
I tried replacing IDs with classes to prevent element doubling.
I tried to remove the #right_content param and pass a variable to my script to only print the needed HTML.
Nothing works.
And the Fun part: I also have a menu outside of #right_col. Calls from there on are working perfectly as intended.
I have a series of 6 checkboxes with the same name. The purpose is that whenever one of these is checked or unchecked, another part of the page is filled again based on an AJAX query, that has the values of all the checked checkboxes as input.
I added an onchange event handler like this: $('[name!=stage]').change(refillActionsParameters); what happens is that this handler function gets called 6 times when I check or uncheck any of the checkboxes. As a remedy, I put the onchange handler on the form that contains the checkboxes, but that didn't help, still 6 times.
Also: is there a quick way to retrieve the values or the ids of the checked boxes?
I am using window.unload for some use case in my code. But windows.unload fires on every event. I know to controller it on event like button click or link, but how do I prevent Unload event to fire on refresh or back button event?
View 4 Replies View Relatedi have a FAQ Question h2 acting as a trigger to slide out a hidden div below it, the FAQ answer, and clicking it toggles the h2 class so the bg img changes.toggle_container is the hidden div, h2 is the trigger..
code below:
$(document).ready(function(){
$(".toggle_container").hide(); // Hides the container onLoad
$("h2.trigger").click(function(){
[code]....
now i have a rating plugin that sits in the h2 tag. when i click the rating star, it behaves as intended, but also then somehow calls the above code and expands the FAQ answer.
i've a problem using the change-handler in a simple html-formular. the change-handler fires twice when the input-field already defines an onChange-Event.
Example: in head of html:
<script src="jquery-1.4.2.js" language="javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#abc").change(function(event){event.srcElement.style.borderColor='red';
});});
[Code]...