|
Hi I'm new to jQuery and would like to clear up a few questions regarding the use of multiple script files on the same web page.
Suppose I have a large jQuery script file and I want to break it up so that I have smaller script files.
Before I break up my large file, everything is done inside of '$(document).ready ()'.
My question is if I take some of the code from the large file and put them in other files, do I need to put them in document ready as well in the new files? Please explain why or why not.
|
|
|
|
|
You should understand why you need $( document ).ready()[^].
Outside of this ready() method, a script has to be placed after those html elements that it seeks to manipulate, try this:
<script>
$("p").css("color", "red")
</script>
<p>What color will I become?</p>
<script>
$("p").css("color", "green")
</script>
It will never become red, as the p tag has not being rendered yet when the first script is read.
So it depends on the context of your script.
If you really want to break the script into several, you can wrap them in separate ready() functions.
Peter Leow
http://www.peterleowblog.com/
https://www.amazon.com/author/peterleow
modified 8-Dec-16 6:58am.
|
|
|
|
|
Hi, thanks for replying. If I understand you correctly, you are saying that I can break up my large jQuery file into smaller ones as long as I put document ready inside of the new files, then put my code from the large file into document ready.
Am I correct?
|
|
|
|
|
Say you have an external js file called external.js that contains this code:
$( document ).ready(function() {
console.log( "script 1!" );
});
$( document ).ready(function() {
console.log( "script 2!" );
});
In your html file, place the link to this external.js after the jquery library like this:
<script src="jquerylibrary.js"></script>
<script src="external.js"></script>
Peter Leow
http://www.peterleowblog.com/
https://www.amazon.com/author/peterleow
|
|
|
|
|
Hi, I guess I'm asking about best practices when breaking up script files into multiple external files.
Suppose I want to do something like below where I only call the functions which reside in other files
$(document).ready(function(){
function1();
function2();
function3();
function4();
function5();
});
The definitions of the functions being called inside of File1 are in other files.
Is this a common practice? If it is not how most people keep their files small,
please suggest how it is done by most people.
|
|
|
|
|
Based on your clarification, a function is a block of code that will only be executed when it is called, as such, there is no need to place a function inside the ready() method. You may put functions into multiple files and link them to your html file.
Peter Leow
http://www.peterleowblog.com/
https://www.amazon.com/author/peterleow
|
|
|
|
|
You're looking for a technology called Asynchronous Module definitions (AMD). In general, breaking down actual required JavaScript into separate files that are loaded into the browser is an anti-pattern, because it creates more overhead and load times. JS files are loaded synchronously by default, so a file must be fully loaded before another is even requested.
A common tactic is to bundle and minify (uglify) multiple files into a single one for performance gain. If you have optional components that may or may not be needed in a specific execution workflow, you can separate that functionality out and call it at runtime with a module loader that uses AMD like requirejs.
Since you're using jQuery, have a look at How to use RequireJS with jQuery[^]
"There are three kinds of lies: lies, damned lies and statistics."
- Benjamin Disraeli
|
|
|
|
|
I have an app to check for differences between 2 objects. These objects have many attributes that can be changed over the course of time. The user of the application can select which attributes he/she wants to check for differences (for certain objects the user may know that one or 2 of the attributes won't change). In the comparison function, however, there are two attribute (its text and heading) that we automatically check. The output of the function needs to show a table as it looks below:
Original Text | Current Text | Attribute Changes
The problem I have is that since text and heading are attributes of the objects, they always appear in the list. When I get to the Attribute Changes column, I want to just loop through the list, but ignore the Text and Heading attributes. What is the easiest way to do this? Do I add an if-else statement when looping, or is there another way to do this?
Chris
|
|
|
|
|
Christopher Cote wrote: Do I add an if-else statement
That's the usual way to alter the path through some code.
|
|
|
|
|
Hi Guys,
I am trying to display an html page inside an iframe, specifically for browsers on Android. So far I have been using the built in browser and chrome.
The challenge is that I want the entire content to be displayed. Currently, it "overflows" the iFrame so the user must scroll horizontally to read the contents. I can manipulate the content html as it is generated by me in the same ASP.Net app. The src attribute of the iFrame is set server side.
Things I have tried so far:
•Zooming, scaling the iFrame: Changes the iFrame size not the content
•Zooming, scaling the and tags inside the content html: This works, but when the user switches between portrait and landscape, the content doesn't scale according to the changed size of the iFrame.
•Everything on stackoverflow that I could find.
•Whatever I could find on other sites.
Here is the Page's code:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="***.aspx.cs" Inherits="***.***" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Sign Document</title>
<link href="Content/bootstrap.css" rel="stylesheet" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
</head>
<body>
<form runat="server" class="form-horizontal">
<div class="container body-content">
<div class="form">
</div>
<div class="row">
<div class="col-md-10">
<h2 class="text-center">Please Read</h2>
<p class="text-center">The document you are about to sign is displayed below. Please read it carefully before tapping the Sign Now button.</p>
</div>
</div>
<div class="row">
<div class="col-md-10 text-center">
<hr />
</div>
</div>
<div class="row">
<div class="col-md-10 text-center">
<div class="embed-responsive img-rounded embed-responsive-16by9" style="border: 2px solid darkgray; -webkit-overflow-scrolling:touch; overflow:auto;">
<iframe id="MediaDisplayIFrame" runat="server"></iframe>
</div>
</div>
</div>
<div class="form">
</div>
<div class="row form-group">
<div class="col-md-10 text-center">
<asp:Button class="btn btn-default form-control" ID="SignButton" runat="server" OnClick="SignButton_Click" Text="Sign Now" />
</div>
</div>
</div>
</form>
</body>
</html>
|
|
|
|
|
Hi,
I don't know the exact answer , but I've found something similar to this here
http://stackoverflow.com/questions/2630308/possible-to-shrink-contents-of-iframe
it might be helpful. Thank you
|
|
|
|
|
Thanks a lot. What I ended up doing was to manipulate the css of the tag of the content html to either zoom or transform depending on the browser.
Works beautifully but I really wish there was a more elegant method.
|
|
|
|
|
Hi,
How to create python flask web application in visual studio 2013 with SQL server?
Is it possible give me a sample or link to download or run it in vs 2013 ?
Thanks
What I have tried:
Python With SQL Server Database
Python With SQL Server Database[^]
But I want to create a web app, not a console app .
|
|
|
|
|
You have already posted this in QA, where you have received and accepted a solution:
How to create Python flask web application in visual studio 2013 with SQL server?[^]
Rather than re-posting your question, read and follow the advice you were given there. We are not here to do your research for you.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
I'm Implementing a SignalR Stock Ticker Using AngularJS based on an example over here.But while connecting to signalr i'm getting this error in my console.
GET http:
And this is the Error which is showing in my jquery.js file.
<pre lang="C#">try {
xhr.send( options.hasContent && options.data || null );
} catch ( e ) {
if ( callback ) {
throw e;
}
}
Since I'm new to signalr concept , have got lots of confusion in it. So, can anybody please help me out of this ?
|
|
|
|
|
So? Do you have that routing or file setup that can handle the requests at that URL? If no, then create it, if yes then show that code.
Secondly, SignalR doesn't require you to create a personal ajax handler, it sets those things up for you. You just need to create handlers on server-side and client-side.
For a complete overview, please refer here, Tutorial: Getting Started with SignalR 2 | The ASP.NET Site[^]
The sh*t I complain about
It's like there ain't a cloud in the sky and it's raining out - Eminem
~! Firewall !~
|
|
|
|
|
Hi,
I develop a web application and when click a print button it print direct to the default printer and it's work fine, but when I publish the application on the IIS the print doesn't work.
error is : Object reference not set to an instance of an object.
Please let me know how to configure the IIS and Print permission becasuse we think the problem is in the permission.
Thanks
|
|
|
|
|
So you're trying to access the default printer from C#, which means that your application is trying to print on the server.
If you're trying to print on the client side, you'll need to do it in the client-side language, namely JavaScript (window.print()).
This sort of things often "works" in a development environment, where the server and client are normally the same machine. In the cloud, though, servers are generally VMs with no printer setup. If a printer was setup you wouldn't see an error message: the document would simply print at the server's default printer, and only the IPP admins know where that is.
"There are three kinds of lies: lies, damned lies and statistics."
- Benjamin Disraeli
|
|
|
|
|
NB: In Windows, printers are installed and configured per user. Even if the server admin installed and configured a printer under the administrator account, it wouldn't be available to the server account(s) under which IIS applications run. Getting the printer configured on the server for IIS would involve manipulating the registry.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
Richard Deeming wrote: Getting the printer configured on the server for IIS would involve manipulating the registry.
Or just changing the App Pool to run with an account that does have a printer setup? Still, probably not a good idea.
There are only 10 types of people in the world, those who understand binary and those who don't.
|
|
|
|
|
Richard Deeming wrote: Getting the printer configured on the server for IIS would involve manipulating the registry.
Or GPO and a print server. I guess environment does have a big impact on worldview.
"There are three kinds of lies: lies, damned lies and statistics."
- Benjamin Disraeli
|
|
|
|
|
hello, can someone help me how to detect and map a wifi signal by using Php Language?
thank you!!!
|
|
|
|
|
|
PHP has no design element that can do this; how can a server-side scripting language be used as a network sniffer?
What you need to use is some sort of a network sniffer, to help you visualize how the packets are moving — sorry if I am unclear, I don't own a black hat in my wardrobe. 
The sh*t I complain about
It's like there ain't a cloud in the sky and it's raining out - Eminem
~! Firewall !~
|
|
|
|
|
i want to do a project on sms based Remote Server Monitoring System For Corporate Data Centers.anybody here can help me out
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
