Question: help me add DHTML animation for my code. just like this website https://people.rit.edu/~xxl2725/340/project1/ But do not use same animation. just give me a different for
help me add DHTML animation for my code. just like this website "https://people.rit.edu/~xxl2725/340/project1/"
But do not use same animation. just give me a different for that website
//function populate for fisrt selection (Location Of The NBA Team: & Choose Your favorite team:) var team = new Array(2) team["empty"] = ["Select Your favorite team"]; team["Chevy"] = ["Los Angeles Lakers", "Golden State Warriors", "Houston Rockets"]; team["Dodge"] = ["Boston Celtics", "Chicago Bulls", "Miami Heat"];
var player=new Array(6); player["empty"] = ["Select Your Favorite NBA Player"]; player["Los Angeles Lakers"] = ["LeBron James","Kobe Bryant","Earvin Johnson"]; player["Golden State Warriors"] = ["Stephen Curry","Klay Thompson","Kevin Durant"]; player["Houston Rockets"] = ["James Harden","Yao Ming","Chris Paul"]; player["Boston Celtics"] = ["Kyrie Irving","Paul Pierce","Larry Bird"]; player["Chicago Bulls"] = ["Michael Jordan","Scottie Pippen","Derrick Rose"]; player["Miami Heat"] = ["Dwyane Wade","Alonzo Mourning","Tim Hardaway"];
function populate(selectObj) { var s1 = selectObj.selectedIndex; var s2 = selectObj.options[s1].value; tList = team[s2]; var tSelect = document.getElementById("slct2"); var len=tSelect.options.length; while (tSelect.options.length > 0) { tSelect.remove(0); } createOption(tSelect, team["empty"][0], team["empty"][0]); // create new options for (var i=0; i function createOption(objSelect, value, text) { newOption = document.createElement("option"); newOption.value = value; newOption.text = text; try { objSelect.add(newOption); // this will fail in DOM browsers but is needed for IE } catch (e) { objSelect.appendChild(newOption); } } function populateNBAPlayer(selectObj) { var s1 = selectObj.selectedIndex; var s2 = selectObj.options[s1].value; pList = player[s2]; var pSelect = document.getElementById("slct3"); while (pSelect.options.length > 0) { pSelect.remove(0); } var newOption; createOption(pSelect, player["empty"][0], player["empty"][0]); // create new options for (var i=0; i function myForm() { hide("form"); show("data"); show("reload"); var val1 = document.getElementById("slct1").value; var val2 = document.getElementById("slct2").value; var val3 = document.getElementById("slct3").value; var formdiv = document.getElementById("form"); var datadiv = document.getElementById("data"); formdiv.style.display="none"; datadiv.innerHTML += 'Location of NBA team is : ' + val1 + ' function readUser() { hide("data"); hide("reload"); show("form"); var userID = GetCookie('user_id'); var record; var welcomDiv = document.getElementById('welcome'); if(userID ==null){ var name = prompt('Hello new user, enter your username. ',''); SetCookie('user_id',name, 2); record = document.createTextNode('Welcome to NBA Team, ' + name+ '! This is your first time here.'); } else{ record = document.createTextNode('Welcome back to NBA Team, '+userID); } welcomDiv.appendChild(record); } function GetCookie(cname) { var name = cname + "="; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); for(var i = 0; i function SetCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays*24*60*60*1000)); var expires = "expires="+ d.toUTCString(); document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; } function hide(docId) { var x = document.getElementById(docId); x.style.display = "none"; } function show(docId) { var x = document.getElementById(docId); x.style.display = "block"; } Choose The Location Of The NBA Team:
'; datadiv.innerHTML += 'Your favourite team is : ' + val2 + '
'; datadiv.innerHTML += 'Your favourite NBA player is : ' + val3 + '
'; }Choose Your favorite NBA Team
Choose Your favorite team:
Choose Your Favorite NBA Player In This Team:
Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
