>source

참고 : 나는 어떤 코딩에서도 초심자입니다. 나는 바보 같은 멍청한 훌륭한 그래픽 디자이너입니다. 나는 단지 내가 복사 할 수있는 페이지를 만들었습니다. 하루 종일 노트를 남기고 있어야하는 가장 일반적인 문구. 나는 고생했다 그것으로.

이 페이지를 텍스트 필드에 입력 할 수있게하고 버튼에 첨부 된 정의 된 URL에 적용되며 이러한 페이지로 가져올 수 있습니다. 내가 그것을 설명하기 위해 고생하기 때문에이 시각적으로이를 참조하십시오 : https://i.stack.imgur.com/zplrk.jpg

비슷한 문제에 대해 일부 스크립트를 조정했지만 운이 없었습니다. (내가 편집하기 전에 예제는 아래에서 참조). 나는 그들이 올바른 추적에 있는지 알 수 있도록 그들을 포함했다. 나는 여러 가지 기능에 문제가있을 것이라는 것을 알고있을 것입니다.

<script type="javascript">function goToPage(var url= '')
{
    var initial= "http://example.com";
    var extension= "html";
    window.location(initial+url+extension);
}
</script><form name="something" action="#">Label <input type="text" name="url" value="" onchange="goToPage(this.value)"></form>

<SCRIPT type="javascript">function goToPage(var url= '')
{
var initial= "https://cms.example.com/client/viewcasedetails";
var extension= "";
window.location(initial+url+extension);
}
</SCRIPT><TITLE>Redirect 1</TITLE><BASE HREF="https://cms.example.com/client/viewcasedetails"></HEAD><BODY><P><FORM name="jump" action="#">CMS ID:
<INPUT type="text" name="url" value="" onSubmit="goToPage(this.value)"><INPUT type="submit" value="GO">

그것이 내가있는 곳입니다. 나는 하루 종일 같은 긴 URL을 직장에서 입력하고 시간의 절반 이상을 지키는 것에 지쳤습니다. 나는 솔루션이 무엇인지 단서가 없습니다 -자바 스크립트? HTML? CSS? 누군가를 고용하는 방법을보고 전에 DIY 대답을 찾으려고 노력하고 있습니다. 어떤 단서가 있는가? 그러나 나중에 또 다른 질문입니다.

슈퍼 멍청한 질문에 대한 돕기 /사과 해 주셔서 감사합니다.

1. 기능 선언 (GOTOPAGE)에서 VAR을 변경하지 않습니다. 2. URL을 변경하려면 window.location.href= 'http://foo.bar'; 3. 고정 (2) 및 (3) 입력 값이 변경 될 때마다 GoToPage가 새 URL로 이동합니다. 대신 단순히 변수를 설정해야합니다. 그런 다음 일부 단추에 onClicks를 추가하고 URL을 작성하고 window.location.locate.ly= 'http://foo.bar'+ IDVariable을 수행 할 수 있습니다.

Sergiu Paraschiv2021-04-20 08:58:12
  • 답변 # 1

    code에서 볼 수있는 "메인"버튼 만 사용하는 경우 (ViewClientDetails로가는 것처럼) 작업 중입니다. varnity 후에 "/"로그인이 누락되었습니다. 따라서 기본 단추의 동일한 기능을 다른 버튼에 구현할 수 있다고 가정하면 다음과 같은 작업이 수행 할 수 있습니다.

    <script type="text/javascript">function goToPage(var url= '')
    {
    var initial= "https://cms.example.com/client/viewcasedetails/"; //I added the slash
    var extension= "";
    window.location(initial+url+extension);
    }
    </script><TITLE>Redirect 1</TITLE><BASE HREF="https://cms.example.com/client/viewcasedetails"></HEAD><BODY><P><FORM name="jump" action="#">CMS ID:
    <INPUT type="text" name="url" value="" onSubmit="goToPage(this.value)"><INPUT type="submit" value="GO"> //you need 4 buttons here
    

    4 개의 버튼이 필요하기 때문에 입력 유형= "제출""을 가질 수 없습니다. 양식 제출과 같은 작품을 제출하십시오. 네 개의 버튼을 추가 한 다음 각 버튼의 onClick 속성에 대해 원하는 리디렉션 URL을 추가하십시오. ID 태그를 사용하여 입력 필드 값을 가져와야합니다.

    내가 말하려고하는 것의 예는 다음과 같습니다.

      <script type="text/javascript">    function onMainButtonClicked()
        {
        var cmsid= document.getElementById("cmsID").value;
        var initial= "https://cms.example.com/client/viewcasedetails/"; //I added the slash
        var extension= "";
        window.location(initial+cmsid+extension);
        }
        function onNotesButtonClicked()
        {
        ...
        }
        function onDocsButtonClicked()
        {
        ...
        }
        function onActivityButtonClicked()
        {
        ...
        }
        </script>    <TITLE>Redirect 1</TITLE>    <BASE HREF="https://cms.example.com/client/viewcasedetails">    </HEAD>    <BODY>    <P>    <FORM name="jump" action="#">    CMS ID:
        <INPUT type="text" id="cmsID" name="url" value="">    <button onclick="onMainButtonClicked()">Main</button>    <button onclick="onNotesButtonClicked()">Notes</button>    <button onclick="onDocsButtonClicked()">Docs</button>    <button onclick="onActivityButtonClicked()">Activity</button>

    이 작업을 구현하는 것이 훨씬 좋은 방법이 있지만 매우 간단한 구현입니다.

  • 답변 # 2

    다음과 같이 할 수 있습니다.

    //grab the input element
    const input= document.getElementById("cmsId");
    //grab all links that need to be updated accordingly
    //when value inside input element changes
    const links= document.querySelectorAll("a");
    //create a handler that listens for changes when
    //you type some text into the input element
    input.addEventListener("input", (event)=> {
      //grab value inside input elemenet
      const value= event.target.value;
      //iterate through all links and update
      //the inner text + href attribute accordingly
      //NOTE: `baseUrl` for each link is stored in a
      //`data-*` attribute
      links.forEach((link)=> {
        const baseUrl= link.dataset.url;
        const url= baseUrl + value;
        link.innerText= url;
        link.href= url;
      });
    });

    <!--Use a simple input element here, no need for a form --><div>CMS ID: <input id="cmsId" type="text" /></div><div>  <!--No need to create buttons, simple anchor elements will work just fine -->  <a
        id="main"
        href="#"
        target="_blank"
        data-url="https://cmss.company.com/client/viewclientdetails/"
      >    https://cmss.company.com/client/viewclientdetails/
      </a></div><div>  <a
        id="notes"
        href="#"
        target="_blank"
        data-url="https://cmss.company.com/client/viewnotes/"
      >    https://cmss.company.com/client/viewnotes/
      </a></div><div>  <a
        id="docs"
        href="#"
        target="_blank"
        data-url="https://cmss.company.com/client/documentsall/"
      >    https://cmss.company.com/client/documentsall/
      </a></div><div>  <a
        id="activity"
        href="#"
        target="_blank"
        data-url="https://cmss.company.com/client/viewactivityledger/"
      >    https://cmss.company.com/client/viewactivityledger/
      </a></div>

    정말 입력과 솔루션을 많이 감사드립니다. 나는이 단순한 이이 단순함을 많이 좋아합니다. 그러나 나는 러닝 code 스 니펫에서 그렇게하는 것처럼 일을 할 수 없었습니다. 그래서 나는 여기에 신선한 뇌를 가진이 하나로 돌아올 것입니다.

    charles_dempsey2021-04-20 08:58:12

    @charles_dempsey 당신이 가지고있는 문제는 무엇입니까?

    goto12021-04-20 08:58:12

    >모든 것이 정확하게 보였지만 실제 링크로 테스트를 누릴 때 업데이트 할 수 없었습니까? 나는 아마도 상단 부분을 맞이하지 않을 것입니다. 또는 무언가가 맞지 않는 두 가지를 추가하는 것. 이것은 확실히 강한 정장이 아닙니다. 하.

    charles_dempsey2021-04-20 08:58:12

    이것이 당신이 codesandbox.io에 넣을 수있는 것입니까? 그렇지 않으면 문제가 무엇인지 알려주는 것은 어렵습니다.

    goto12021-04-20 08:58:12
  • 답변 # 3

    이것은 당신을 위해 작동해야합니다 :

    이 문제가 유틸리티 프로그램이라고 언급 한 이후로 모든 것을 하나의 파일에 넣었습니다. "버튼"의 스타일을 자유롭게 변경하십시오.

    <!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta http-equiv="X-UA-Compatible" content="IE=edge">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</title>    <style>        .button-like-link {
                display: block;
                width: 150px;
                background: gray;
                margin: 10px;
                font-size: 16pt;
                text-decoration: none;
                color: black;
                text-align: center;
            }
        </style></head><body><h1>Jump Page</h1><label for="cms_id">CMS ID:<input id="cms_id"/></label><a id="main" href="" target="_blank" class="button-like-link">Main</a><a id="notes" href="" target="_blank" class="button-like-link">Notes</a><a id="docs" href="" target="_blank" class="button-like-link">Docs</a><a id="activity" href="" target="_blank" class="button-like-link">Activity</a><script>    const button_map= {
            "main": 'https://cmss.company.com/client/viewclientdetails/',
            'notes': 'https://cmss.company.com/client/viewnotes/',
            'docs': 'https://cmss.company.com/client/documentsall/',
            'activity': 'https://cmss.company.com/reports/viewactivityledger/',
        };
        const onChange= (event)=> {
            const cms_id= event.target.value;
            for ([link_id, base_url] of Object.entries(button_map)) {
                document.getElementById(link_id).href= `${base_url}${cms_id}`
            }
        };
        document.getElementById('cms_id').addEventListener('change', onChange);
    </script></body></html>

    입력과 솔루션을 너무 많이 감사드립니다. 이는 부분 100 %를 보입니다. 그러나 Run Code Snippet에서 그렇게하는 것처럼 작동하지 않을 수 없었습니다. 아무것도 클릭 할 때 자체 (로컬 파일)로 기본값을 유지합니다. 그래서 여기 에이 하나를 더보고보아야 할 것입니다. 히치 -인 -giddyup은 무엇인지. 기능 Run Code Snippet에서 모든 것이 현명합니다.

    charles_dempsey2021-04-20 08:58:12

    좋아, 내가 뭘했는지 모르겠지만 나는 일하러가는 것 같아? 나는 방금 다시 시작하고 다시 그것을 다시했고 지금은 지금 일하는 것 같습니다. 나는 지금 직장에서 슈팅을해야 할 것이다! 이것이 바뀌면 다시 감사드립니다!

    charles_dempsey2021-04-20 08:58:12

    특정 문제가 있으므로 내 솔루션을 수정할 수 있습니다. 그렇지 않으면이 문제가 문제가 해결되었다는 것을 꺼내면 동일한 영역에서 위쪽 화살표를 클릭하여 왼쪽 및 /또는 업 -투표를 클릭하여 질문에 대한 답변으로 받아들이십시오. 감사!

    Henry Ecker2021-04-20 08:58:12
  • 이전 Azure PowerShell은 "알 수없는 사용자 유형"을 던졌습니다.
  • 다음 android : 버튼을 클릭 할 때 대화 상자가 닫지 않도록하는 방법