I’m trying to open a window via javascript but it keeps just refreshing doing nothing. At first I thought it was just Google Chrome but it did the same in firefox and IE. Not sure what my problem is. JSFiddle says something about “POST” but I’m not sure. Suggestions?
function romantic()
{
document.body.bgColor = "pink";
document.body.style.color = "red";
document.images[1].src = "rom_main.jpg";
// Searched online to find a script to override some styles.
// For loop with adding styles to each anchor didn't work for some reason. Kept being overriden somehow.
var styleElement = document.createElement("style");
styleElement.type = "text/css";
if (styleElement.styleSheet) {
styleElement.styleSheet.cssText = "a { color: red }";
} else {
styleElement.appendChild(document.createTextNode("a { color: red; }"));
}
document.getElementsByTagName("head")[0].appendChild(styleElement);
}
function adventure()
{
document.body.bgColor = "#CDAA7D";
document.body.style.color = "#5C3317";
document.images[1].src = "adv_main.jpg";
var styleElement = document.createElement("style");
styleElement.type = "text/css";
if (styleElement.styleSheet) {
styleElement.styleSheet.cssText = "a { color: #5C4033 }";
} else {
styleElement.appendChild(document.createTextNode("a { color: #5C4033; }"));
}
document.getElementsByTagName("head")[0].appendChild(styleElement);
}
function relax()
{
document.body.bgColor = "#B2DFEE";
document.body.style.color = "#00688B";
document.images[1].src = "rel_main.jpg";
var styleElement = document.createElement("style");
styleElement.type = "text/css";
if (styleElement.styleSheet) {
styleElement.styleSheet.cssText = "a { color: #000080 }";
} else {
styleElement.appendChild(document.createTextNode("a { color: #000080; }"));
}
document.getElementsByTagName("head")[0].appendChild(styleElement);
}
function family()
{
document.body.bgColor = "#F0E68C";
document.body.style.color = "#FFA54F";
document.images[1].src = "fam_main.jpg";
var styleElement = document.createElement("style");
styleElement.type = "text/css";
if (styleElement.styleSheet) {
styleElement.styleSheet.cssText = "a { color: #6B4226 }";
} else {
styleElement.appendChild(document.createTextNode("a { color: #6B4226; }"));
}
document.getElementsByTagName("head")[0].appendChild(styleElement);
}
function open()
{
mywindow = window.open("http://www.javascript-coder.com", "mywindow", "location=1,status=1,scrollbars=1, width=100,height=100");
mywindow.moveTo(0, 0);
}
dude change the name of your function to winopen: open is a keyword IM SURE OF IT:
http://jsfiddle.net/uBwvx/11/