Function call from button to automatic

midohioit · Mar 17, 2023

This may sound like a stupid question but im just not great yet at javascript

so currently the page does this:

HTML:

<body onload="checkLoad(); showConfig(); checkOptions(); testAjax();">



<table class="menuGroup">

            <tr>

                <td width="100%" align="center">

                    Title: <input type="text" id="title" size="32" value="My Tournament Name" onchange="updateTitle();" readonly>

                    <!-- <input type="button" value="End Config" onclick="showTitle();">  -->

                </td>

            </tr>

            <tr>

                                                                  <td><input type="button" id="load" value="Show List" onclick="callLoad()" DISABLED></td>

                                                                 <input type="hidden" id="complete" CHECKED/>

                                                          

            </tr>


            </table>

is there a way i can change this from having to click the button for "Show List" to just having it do it when the page loads? Any help or suggestions would be appricated

FResher · Mar 18, 2023

hello !

did you try with the body onLoad event ?
the onLoad event triggers when the page is loaded.

HTML:

<body onload="checkLoad(); showConfig(); checkOptions(); testAjax(); callLoad();">

look at 'events' for 'body' :

HTML Event Attributes

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

midohioit · Mar 18, 2023

FResher said:
hello !

did you try with the body onLoad event ?
the onLoad event triggers when the page is loaded.

HTML:

<body onload="checkLoad(); showConfig(); checkOptions(); testAjax(); callLoad();">

look at 'events' for 'body' :

HTML Event Attributes

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

I did try that but it didn't work. Not sure if it's because it didn't have enough info or not. I see a hidden field below it so I'm thinking that gets passed when the actual button is clicked but I'm unsure. Can that be passed in the body onload call?

FResher · Mar 18, 2023

midohioit said:
I did try that but it didn't work. Not sure if it's because it didn't have enough info or not. I see a hidden field below it so I'm thinking that gets passed when the actual button is clicked but I'm unsure. Can that be passed in the body onload call?

all datas have to be invoke :
it's always "document.getElementById("the_data_id").value" ,
if you don't feed the function with this information, the script will process a "void" data, it leads to a fail of execution.

a "hidden input" is just not in "page display" , but the value in the input field is important.

midohioit · Mar 18, 2023

Fresher,

Thank you for the reply. JavaScript isn't my strength.. so with that said, can I add it to the body load then? Or how would I go about it? Also do I care about the button Id?

midohioit · Mar 20, 2023

any ideas guys?

FResher · Mar 20, 2023

midohioit said:
any ideas guys?

can you show the callLoad() function detail please ?
to give you a better help

midohioit · Mar 20, 2023

im setting the following on the index:

JavaScript:

<script language="javascript">

    var FRAME_BIG = 190;
    var FRAME_SMALL = 80;
    
    var GLOBALS = new Array();
    
    var DEFAULTS = new Array();
    
    var INPUTS = new Array();
    
    DEFAULTS["teams"] = 8;
    DEFAULTS["sets"]  = 1;
    DEFAULTS["groups"]  = 1;
    DEFAULTS["modeVal"] = "dko.html";
    DEFAULTS["modeTxt"] = "Double Elimination";
    DEFAULTS["title"] = "Tournament Name";
    DEFAULTS["shuffleLooser"] = true;
    
    var FILL_FROM_GRP = false;
    
    var LOAD = true;
    
    var USE_AJAX = true;



</script>

JavaScript:

function callLoad() {
    if (top.USE_AJAX) {
        showDB();

        return;
    }

    var cookieString = unescape(getCookieValue("value"));

    var cookieData = parseCookie();

    var url = cookieData["modeVal"];

    var result = confirm("Load data from " + cookieData["matchDetail"]
            + "\n("+ unescape(cookieData["title"]) +")" +
            "\n\nCaution, all data will be lost!");

    if (result == true && top.document.cookie) {
        window.open("../modes/" + url + "?load", 'bottom');
    }

}

JavaScript:

function showDB() {
    if(window.location.protocol == "file:") {
        alert("For security reasons, browsers do not store local website");

        return;
    }

    window.open("../data/login.php?current_title="+ top.GLOBALS["title"] + "&current_data=" + buildCookie()    + "&referrer=" +  window.location.protocol + "/" + window.location.pathname);

}

Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button>	1	Apr 22, 2023
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript?	0	May 1, 2023
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript?	0	May 1, 2023
Image shifts to the right when export the page to pdf	4	May 5, 2023
How can I calculate the last payment of the year to be the sum of all previous payments for that year and subtracting it from Research Costs value?	7	Aug 22, 2023
Only one table shows up with the information	2	Mar 29, 2023
Javascript DOM	1	Mar 29, 2023
I want to Display Excel As HTML In js	2	Feb 24, 2023

Function call from button to automatic

midohioit

FResher

HTML Event Attributes

midohioit

HTML Event Attributes

FResher

midohioit

midohioit

FResher

midohioit

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads