Динамическая страница на Hubspot, основанная на событии Click - PullRequest
Новая
       13

Динамическая страница на Hubspot, основанная на событии Click

0 голосов
/ 24 мая 2019

У меня есть одна веб-страница hubspot с 10 ссылками на нее для загрузки различных таблиц данных.В настоящее время, когда я нажимаю на любую ссылку, она имеет отдельную страницу с формой для заполнения.После заполнения формы он перенаправляет вас в благодарность, что опять равно 10.

Так что вместо 20 страниц я хотел бы иметь только 2 страницы с динамическим контентом, который изменяется в зависимости от того, по какой ссылке я нажимаю.

Мои два HTML-файла:

1) test.html 

<!doctype html>
<html>
<head>
    <script type="application/javascript" src="js.js">
        </script>

<meta charset="utf-8">
<title>Links</title>
</head>


<body>

    <a href="#" id="apple" name="apple" onClick="checkclick('apple');">Apple</a><br>
    <a href="#" id="banana" name="banana" onClick="checkclick('banana');">Banana</a><br>
    <a href="#" id="carrot" name="carrot" onClick="checkclick('carrot');">Carrot</a>
</body>
</html>

2) download.html 

<!DOCTYPE html>
<html>
<head>

<style>
#demo{
display: none;
background-color: yellow;
}
#demo1{
display: none;
background-color: yellow;
}

#demo2{
display: none;
background-color: yellow;
 }

 </style>

 </head>
 <body>

 <h2>My First Web Page</h2>
 <p>My First Paragraph.</p>
 <p id="demo">This is apple section</p>
 <p id="demo1">This is banana section</p>
 <p id="demo2">This is carrot section</p>
 <script type="application/javascript" src="js.js">
 </script>

 </body>
 </html>

3) js.js 

 function check(){

        document.getElementById("demo").style.display = "block";

    }

    function check1(){

        document.getElementById("demo1").style.display = "block";

    }
    function check2(){

        document.getElementById("demo2").style.display = "block";

    }


    function checkclick(a){

        if (a == 'apple'){
             window.location.href = "download.html";
             check();
        }

        if (a == 'banana'){
            window.location.href = "download.html";
            check1();
        }

        if (a == 'carrot'){
            window.location.href = "download.html";
            check2();
        }

    }
...