Welcome to Code Forum!

Join a community that supports you and your coding journey from day one. We strive to be a friendly, supportive community that empowers everyone to be better developers. By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!
  • Guest, before posting your code please take these rules into consideration:
    • It is required to use our BBCode feature to display your code. While within the editor click < / > or >_ and place your code within the BB Code prompt. This helps others with finding a solution by making it easier to read and easier to copy.
    • You can also use markdown to share your code. When using markdown your code will be automatically converted to BBCode. For help with markdown check out the markdown guide.
    • Don't share a wall of code. All we want is the problem area, the code related to your issue.

    GIF shows where to locate </> in the thread and or post editor toolbar.
    To learn more about how to use our BBCode feature, review our "How to post your code into threads" here.

    Thank you, Code Forum.

JavaScript Phone Repair Booking

Celurix

Celurix

Coder
I need a script, where you first select the brand ,then the model, the repair (maybe several repairs then prices will be lower), customer contact details, pay online
 
Sort by date Sort by votes
i've tried this:



HTML: 
<html>
<head>
<title>Reparatur per Post</title>
<META NAME="DESCRIPTION" CONTENT=""
;>
<META NAME="KEYWORDS" CONTENT=" ">
<script language="javascript">
function fillCategory(){
 // this function is used to fill the category list on load
addOption(document.drop_list.Category, "iPhone", "iPhone", "");
addOption(document.drop_list.Category, "iPad", "iPad", "");
addOption(document.drop_list.Category, "Huawei", "Huawei", "");
addOption(document.drop_list.Category, "Samsung", "Samsung", "");
addOption(document.drop_list.Category, "HTC", "HTC", "");
addOption(document.drop_list.Category, "Sony", "Sony", "");
}

function SelectSubCat(){
// ON selection of category this function will work

removeAllOptions(document.drop_list.SubCat);
addOption(document.drop_list.SubCat, "", "Modell", "");

if(document.drop_list.Category.value == 'iPhone'){
addOption(document.drop_list.SubCat,"iPhone 6", "iPhone 6");
addOption(document.drop_list.SubCat,"iPhone 6+", "iPhone 6+");
addOption(document.drop_list.SubCat,"iPhone 6s", "iPhone 6s");
addOption(document.drop_list.SubCat,"iPhone 6s +", "iPhone 6s +");
addOption(document.drop_list.SubCat,"iPhone 7", "iPhone 7");
addOption(document.drop_list.SubCat,"iPhone 7+", "iPhone 7+");
addOption(document.drop_list.SubCat,"iPhone 8", "iPhone 8");
addOption(document.drop_list.SubCat,"iPhone 8+", "iPhone 8+");
addOption(document.drop_list.SubCat,"iPhone X", "iPhone X");
addOption(document.drop_list.SubCat,"iPhone XR", "iPhone XR");
addOption(document.drop_list.SubCat,"iPhone XS", "iPhone XS");
addOption(document.drop_list.SubCat,"iPhone XS Max", "iPhone XS Max");
}
if(document.drop_list.Category.value == 'iPad'){
addOption(document.drop_list.SubCat,"iPad Pro 12.9' 1. Gen", "iPad Pro 12.9' 1.Gen");
addOption(document.drop_list.SubCat,"iPad Pro 12.9' 2. Gen", "iPad Pro 12.9' 2. Gen");
addOption(document.drop_list.SubCat,"iPad Pro 12.9' 3. Gen", "iPad Pro 12.9' 3. Gen");
addOption(document.drop_list.SubCat,"iPad Pro 9.7'", "iPad Pro 9.7'");
addOption(document.drop_list.SubCat,"iPad Pro 10.5'", "iPad Pro 10.5'");
addOption(document.drop_list.SubCat,"iPad Pro 11'", "iPad Pro 11'");
addOption(document.drop_list.SubCat,"iPad Air 1", "iPad Air 1");
addOption(document.drop_list.SubCat,"iPad Air 2", "iPad Air 2");
addOption(document.drop_list.SubCat,"iPad Air 3", "iPad Air 3");
addOption(document.drop_list.SubCat,"iPad 2", "iPad 2");
addOption(document.drop_list.SubCat,"iPad 3", "iPad 3");
addOption(document.drop_list.SubCat,"iPad 4", "iPad 4");
addOption(document.drop_list.SubCat,"iPad 5", "iPad 5");
addOption(document.drop_list.SubCat,"iPad 6", "iPad 6");
addOption(document.drop_list.SubCat,"iPad 7", "iPad 7");
addOption(document.drop_list.SubCat,"iPad Mini", "iPad Mini");
addOption(document.drop_list.SubCat,"iPad Mini 2", "iPad Mini 2");
addOption(document.drop_list.SubCat,"iPad Mini 3", "iPad Mini 3");
addOption(document.drop_list.SubCat,"iPad Mini 4", "iPad Mini 4");
addOption(document.drop_list.SubCat,"iPad Mini 5", "iPad Mini 5");

}
if(document.drop_list.Category.value == 'Huawei'){
addOption(document.drop_list.SubCat,"Huawei P30 Pro", "Huawei P30 Pro");
addOption(document.drop_list.SubCat,"Huawei P30", "Huawei P30");
addOption(document.drop_list.SubCat,"Huawei P30 Lite", "Huawei P30 Lite");
addOption(document.drop_list.SubCat,"Huawei P20 Pro", "Huawei P20 Pro");
addOption(document.drop_list.SubCat,"Huawei P20", "Huawei P20");
addOption(document.drop_list.SubCat,"Huawei P20 Lite", "Huawei P20 Lite");
addOption(document.drop_list.SubCat,"Huawei P Smart", "Huawei P Smart ");
addOption(document.drop_list.SubCat,"Huawei P Smart Plus", "Huawei P Smart Plus");
}
if(document.drop_list.Category.value == 'Samsung'){
addOption(document.drop_list.SubCat,"Samsung S10", "Sasmung S10");
addOption(document.drop_list.SubCat,"Samsung S10e", "Samsung S10e");
addOption(document.drop_list.SubCat,"Samsung S10 Plus", "Samsung S10 Plus");
addOption(document.drop_list.SubCat,"Samsung S9", "Samsung S9");
addOption(document.drop_list.SubCat,"Samsung S9 Plus", "samsung S9 Plus");
addOption(document.drop_list.SubCat,"Samsung S8", "Samsung S8");
addOption(document.drop_list.SubCat,"Samsung S8 Plus", "Samsung S8 Plus");
addOption(document.drop_list.SubCat,"Samsung A750", "Samsung A750");
addOption(document.drop_list.SubCat,"Samsung A705", "Samsung A705");
addOption(document.drop_list.SubCat,"Samsung A405", "Samsung A405");
addOption(document.drop_list.SubCat,"Samsung A505", "Samsung A505");
addOption(document.drop_list.SubCat,"Samsung S7", "Samsung S7");
addOption(document.drop_list.SubCat,"Samsung S7 Edge", "Samsung S7 Edge");
addOption(document.drop_list.SubCat,"Samsung A5", "Samsung A5");
addOption(document.drop_list.SubCat,"Samsung A510", "Samsung A510");
addOption(document.drop_list.SubCat,"Samsung A520", "Samsung A520");
addOption(document.drop_list.SubCat,"Samsung A3", "Samsung A3");
addOption(document.drop_list.SubCat,"Samsung A310", "Samsung A310");
addOption(document.drop_list.SubCat,"Samsung A320", "Samsung A320");
addOption(document.drop_list.SubCat,"Samsung S5", "Samsung S5");
addOption(document.drop_list.SubCat,"Samsung S5 Mini", "Samsung S5 Mini");

}
if(document.drop_list.Category.value == 'HTC'){
addOption(document.drop_list.SubCat,"HTC U11", "HTC U11");
addOption(document.drop_list.SubCat,"HTC U11 Life", "HTC U11 Life ");
addOption(document.drop_list.SubCat,"HTC M10", "HTC M10");
addOption(document.drop_list.SubCat,"HTC M9", "HTC M9");
addOption(document.drop_list.SubCat,"HTC M8", "HTC M8");
addOption(document.drop_list.SubCat,"HTC M8 Mini", "HTC M8 Mini");
addOption(document.drop_list.SubCat,"HTC M7", "HTC M7");
addOption(document.drop_list.SubCat,"HTC M7 Mini", "HTC M7 Mini");
}

if(document.drop_list.Category.value == 'Sony'){
addOption(document.drop_list.SubCat,"Sony Z5", "Sony Z5");
addOption(document.drop_list.SubCat,"Sony Z5 Mini", "Sony Z5 Mini");
addOption(document.drop_list.SubCat,"Sony Z3", "Sony Z3");
addOption(document.drop_list.SubCat,"Sony Z3 Mini", "Sony Z3 Mini");
addOption(document.drop_list.SubCat,"Sony Z1", "Sony Z1");
addOption(document.drop_list.SubCat,"Sony Z1 Mini", "Sony Z1 Mini");
}

}
//////////////////

function removeAllOptions(selectbox)
{
    var i;
    for(i=selectbox.options.length-1;i>=0;i--)
    {
        //selectbox.options.remove(i);
        selectbox.remove(i);
    }
}


function addOption(selectbox, value, text )
{
    var optn = document.createElement("OPTION");
    optn.text = text;
    optn.value = value;

    selectbox.options.add(optn);


default:
window.location="../"; // if no selection matches then redirected to home page
break;

}// end of switch
}
</script>
</head>
<body onload="fillCategory();">




<style>

.left {
  float: left;
  width: 50%;
  overflow: hidden;
  padding-right: 5px;
  padding-left: 5px;
}

.right {
  overflow: hidden;
  padding-left: 5px;
  padding-right: 5px;
 

}

.inline {font-size: 25px; color: black; text-align: center; }

@media screen and (max-width: 414px){
    .left {
  float: left;
  width: 100%;
 
}

.right {
  overflow: hidden;
}
.inline {
 font-size: 20px; color:black; text-align:center;
}
}


</style>



<FORM class="inline" name="drop_list" method="get" >
 
Upvote 0 Downvote
That booking is made by a company called WeFix and the issue you will face here isnt making the system but instead getting all of the price etc. That's the bit that's taking me the longest, once you have found a way of automating that part, i use python for that then you can use PHP to build the next bit 😀
 
Upvote 0 Downvote
Play Snayk 3+, higher dimensional snake game?
simong1993 said:
That booking is made by a company called WeFix and the issue you will face here isnt making the system but instead getting all of the price etc. That's the bit that's taking me the longest, once you have found a way of automating that part, i use python for that then you can use PHP to build the next bit 😀
Click to expand...
Thank you for your answer. I'm absolutely new in coding and i run my repair business. I have all prices and models, but i'm not figuring out how to do this. Perhaps someone could help me or at least give me some points (roadmap) how i could make this.
 
Upvote 0 Downvote
For me, i have a repair business to. I have probably been building the website for over a year but I'm getting there. I found using WordPress and woo-commerce was the best fit, so you setup your categories Phone, Laptop then the subcategories, Apple, Samsung etc etc it takes some magic but it works 🙂
 
Upvote 0 Downvote
simong1993 said:
For me, i have a repair business to. I have probably been building the website for over a year but I'm getting there. I found using WordPress and woo-commerce was the best fit, so you setup your categories Phone, Laptop then the subcategories, Apple, Samsung etc etc it takes some magic but it works 🙂
Click to expand...
Yes, i'm using Wordpress and Woocommerce, but how to do an intuitive and friendly process, i'm lost🙁
 
Upvote 0 Downvote
Play Snayk 3+, higher dimensional snake game?

New Threads

Latest posts

Share this page

Buy us a coffee!

Buy me a coffee.
DataCamp Advertisement
Code Academy Advertisement

About Us

Code Forum is a community platform where coding enthusiasts can connect with other developers, engage in discussions, ask for help, and share their knowledge with a supportive community. It's a perfect place to improve your coding skills and to find a community of like-minded individuals who share your passion for coding.

Site links

Stay Connected

Back
Top Bottom