Develop Reference

How to make Javascript load on pageload

I want to make this JS function go from a button to a page load
I am integrating a jira issue collector into our webpage.
Bug Report
<script type="text/javascript" src=""></script>
<script type="text/javascript">window.ATL_JQ_PAGE_PROPS = {
"triggerFunction": function(showCollectorDialog) {
//Requires that jQuery is available!
jQuery("#myCustomTrigger").click(function(e) {
e.preventDefault();
showCollectorDialog();
});
}};</script>
To load when the page reloads I used the window.onload but that didnt work

Add a document complete jquery handler:
$(document).ready(function(){
showCollectorDialog();
});
This will run as soon as the document is fully loaded.

here you can do it it with jquery just like like this.You can place this at the end of your html file.And also include jquery cdn in script tags in your html file.
$(document).ready ( function(){
alert('hello world');
});​
or you can do this like this
function functionName() {
alert('hello world');
}
window.onload = functionName;

Looking for an easy answer, nothing works from existing googles.
No custom triggers needed.
Put this into your html head and it will trigger the form, I just tested it ;-)
<script type="text/javascript">
setTimeout(function() {
$('#atlwdg-trigger').trigger('click');
},100);
</script>
 

Why won't my jQuery references work? Am I referencing the script incorrectly?

I'm trying to write a click event for an arbitrary button on an html page. I'm referencing jQuery and the JavaScript file in the here:
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/product-swap.js"></script>
and the button here:
<button class="btn">Click Me</button>
I'm really just trying to have an alert appear on the screen to test the references. JavaScript:
$('.btn').click(function() {
console.log("STUPID LOG");
alert("Won't you appear, please!?");
});
When I click the button...nothing happens. Nothing appears in the log or in the console or in an alert window.
I know this is probably something arbitrary and stupid but I'm fairly new to JavaScript/jQuery and I'm racking my brain over this one.
Thanks!

try with this man:
$(document).ready(function(){
$('.btn').on('click', function() {
console.log("STUPID LOG");
// Reset the window object
delete window.alert;
alert('test');
});
});

Is the button after the script? If so then you can either move the button to before the script, or wrap the script in a
$(function(){ /* Code goes here */ });

Put your JQuery lines inside this:
$( document ).ready(function() {
//your code.
});

The HTML page isn't ready when you call the script, enclose your code with $(function(){...});, it will wait until the page is ready.
$(function(){
$('.btn').click(function() {
console.log("STUPID LOG");
alert("Fantastic, I will appear!");
});
});
I also recommend you to put your script tags at the end of your HTML page, the render of visual elements will be faster.

u can try like this too
function myFunction() {
alert("I am an alert box!");
}
<button onclick="myFunction()">Click Me</button>

ajax html in div

In my html code i have this
<li class="register">Registreer</li>
and
<div id="content">
</div>
I try to load a html file into the div using the following code in the head
<script type="text/javascript" src="includes/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="includes/js/navbar.js"></script>
navbar.js :
$(document).ready(function() {
$(function(){
$(".register").click(function(){
$("#content").load("/signup.html");
document.write("test");
});
});
});
I have copied signup.html all over my webpage folders. But it does not work.
However it does display test for 1/4th of a second.
I also tried putting my js code directly in the html file but that doesn't work either.

$(document).ready(function () {
$(".register").click(function(){
$("#content").load("/signup.html");
return false;
});
});
By returning false from the click event the hyperlink element will know not to perform its default action (which is why the page is refreshing).

You are repeating yourself:
$(document).ready(function() {
$(function(){ //same as $(document).ready(function() {
$(".register").click(function(){
$("#content").load("/signup.html");
document.write("test");
});
});
});
Try just doing this:
$(function(){
$(".register").click(function(){
$("#content").load("/signup.html");
document.write("test");
});
});
Also you might want to try stopping the default event of your link:
$(function(){
$(".register").click(function(){
$("#content").load("/signup.html");
document.write("test");
});
$(".register").on('click', 'a', function(e){
e.preventDefault(); //prevents action of the link
});
});

When using a relative URL, the URL is relative to the page on which the JavaScript is run. In your case, since you are using the string '/signup.html', It will look for the singup.html file up one directory from the directory of the page currently being viewed.
Use the F12 Development Console in IE or Chrome, FireBug, of Fiddler to view your AJAX requests and results to see whether your 'singup.html' is being loading from the appropriate directory. You can also view source after the load completes to see if there is HTML beiing loaded into your DIV.

Clickon function excluding one div?

Everything you click on the that div I want to run the function generate_clicked().
Here's my code I'm trying to use for tumblrgenerator.com:
<script type="text/javascript">
$('#pane').click(function(){
generate_clicked();
});
</script>
But not even that code works and I'm not sure why? Only works when I use window
I want to use the following code:
<script type="text/javascript">
$(window).click(function(){
generate_clicked();
});
</script>
But exclude the text area .preview but I can't figure out how :(
In short how can I add a click function on everything but .preview?

In short how can I add a click function on everything but .preview
$('*').not('.preview').on('click', function () {
generate_clicked();
});

$(window).click(function(ev){
if (!$(ev.target).hasClass('preview')) generate_clicked();
});

Is there a way to use onclick without really onclick event?

I am having this code:
Add
is there any way to make an alert whenever the user will press this button without changing the code or adding onclick event?

You can simple overwrite the attribute with JavaScript:
// Select the targeted element(s), in this case the first <a> element
// Note: You will need to replace this by a code that works
// for your actual markup!
document.getElementsByTagName("a")[0].onclick = function() {
alert("hi");
return false;
}​​​;
Demo: http://jsfiddle.net/WNZAP/

As the OP states that they are not allowed to change the HTML, and that jquery is not available to them.
Not having an 'id' on the link makes life very difficult. So the following code presumes the link is the very first one on the page...
Place this javascript into the <head></head> section of your page...
<script type="text/javascript">
window.onload = function() {
document.getElementsByTagName("a")[0].onclick = function() {
alert("Hello World");
return false;
}
}
</script>
See Live JSFiddle Demo

It's not possible to trigger an action without an event. But if I get your question right you want to trigger an alert without changing the HTML.
The easiest way would be by using a JavaScript library like jQuery. So load the library either by downloading it and placing it in your project or through the Google CDN:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
And then do something like this:
<script type="text/javascript">
$(document).ready(function(){
$(".submitme").click(function(){
alert("hello world");
});
});
</script>