Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
so what I'm trying to do is simple to explain: I have one page (let's call it login.html) that has a script whenever an $.get $.load $.post is called it shows an progress bar like youtube now my problem is to move to another page with one of this methods so for example I complete the login and it loads the page2.html and only shows the page2.html and leaves login.html after page2.html is ready to be displayed
Kind of like a preload, any ideas? I've tried the $('hmtl').load('page2.html'); but it messes up my CSS and SCRIPTS
You can try to use ajax loader which basically preloads the specified page and then just switches a body element of current and the preloaded page.
Here is an example
Related
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed yesterday.
This post was edited and submitted for review yesterday and failed to reopen the post:
Original close reason(s) were not resolved
Improve this question
I changed the CKEditor Smiley plugin so that it inserts an image link between BBCODE tags with the insertHTML function, because the forum it is used on doesn't allow HTML tags. I want the new image to be displayed in the editor right away, not after I click on the source toggle button twice or I save the post.
Now, after insertHTML is called, the raw code between tags is displayed, for example [img]http://example.com/logo.gif[/img] I want the new image to be shown.
How do I refresh the content in the CKEditor right away after the insertHTML function is called?
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 2 years ago.
Improve this question
i want to do some worked in angular when page is reloaded and to some worked when page was loaded .
for example i want to add some items in local storage when item was going to refreshpage ( load page ) and remove some items when page complete loading .
in other word i want do some work after and befor refreshing page in angular .
how can i solve this problem ???
You can use Angular Life cycle hooks to achieve that..
Check the docs here.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
I've found a couple other threads containing the same questions, but none of them had an understandable answer. I am supposed to make client side changes, but that is only possible in the .ascx file and if for instance i want to call a function to calculate something and then display it with no page refresh that is not possible :( any easy solutions?
With jquery, you can replace the contents of any existing HTML element using the .html() function. For example,
$("#MyDiv").html("Here is the new text.");
Since the function takes HTML as an input, you can even set the style if you want:
$("#MyDiv").html("Here is some text. <DIV class='foo'>Here is some more text in a different style.</DIV>");
You can also add new elements using .append(), like this:
$("#MyDiv").append("<p>Even more text</p>");
To do this upon a button click, you would use the .click() function. So your code would look something like this:
$("#MyButton").click(function() {
$("#MyDiv").html("You just clicked a button!");
});
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 6 years ago.
Improve this question
It is possible to put some code on a link that when somebody press on the link to send a command to the browser in order to hide a specific div in the link target webpage? Thank you.
if your goal is to have a div hide when the user clicks a link, there's no need to reload the whole page with some fancy querystring. Just call a javascript function when the link is clicked:
<div id='hide-me'>This is the div you want to hide</div>
<a href='#' onclick='hideTheDiv()'>hide something</a>
<script type='text/javascript'>
function hideTheDiv() {
$('#hide-me').hide();
}
</script>
For your info, the href='#' tells HTML not to reload the page or go anywhere. so the page stays where it is. onclick tells HTML to run a javascript function.
Sounds like you've got some learning to do. checkout these resources:
http://www.w3schools.com/jsref/event_onclick.asp (can be applied to an anchor tag too, not just buttons)
http://www.w3schools.com/jquery/jquery_ref_selectors.asp
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 9 years ago.
Improve this question
I'm facing the following problem, when I refresh my webpage her behavior is just as expected but when I use reload (just press enter on url input) her behavior becomes weird. When the page is loaded I'm calling a $(document).ready function and inside of it I'm getting an element height. Well in the first case (refresh) the height of the element is just fine, but in the second case (reload) this height is smaller, which causes the problem I'm talking about.
Why is this happen? And how can I prevent this without forcing the webpage to refresh?
Thanks
This sounds like your browser is caching on reload but when you hit enter on the url it's not loading the site form cache. This is why your page isn't getting the height of the div properly.
I had this problem before and I solved it with this:
$(function() {
setTimeout(function()
// get the height of elements here
}, 250);
});
Needless to say this solution isn't ideal. If you can try and set the height in css.