0

ユーザーがフィールドに何かを入力すると、フィールドにその値が出力されますが、値の特定の部分を変更したいので、このJavaScriptのヘルプが必要です。ユーザーは、変更する必要のある特定の文字列を持つ画像のURLを送信します。

たとえば、ユーザーは次のように入力します：http: //www.domain.com/photos/1.jpg

結果は次のようになります：http：//www.domain.com/photos-d/1.jpg

コードは次のとおりです。

<script type="text/javascript">
function changeText2(){
    var userInput = document.getElementById('userInput').value;
    document.getElementById('result').innerHTML = userInput;
}
</script>

<input type='text' id='userInput' onblur="if(this.value.length == 0) this.value='Enter Image URL';" onclick="if(this.value == 'Enter Image URL') this.value='';"/>
<input type='button' onclick='changeText2()' value='Generate'/>

<p>Output: <a id='result'></a> </p>

あなたの助けは大いに感謝されます-ありがとう、

4

3 に答える 3

0

したがって、基本的には、文字列内の特定の文字列の出現に基づいて文字列を変更する必要があります。つまり、.jpgです。

したがって、最初に、userInputを変更する必要があるかどうかを確認します。

だからこれを行う

  <script type="text/javascript">
    function changeText2(){
        var userInput = document.getElementById('userInput').value;
         if(userInput.indexOf('.jpg') !== -1){

           userInput = userInput.replace('photos','photos-d');
         }
        document.getElementById('result').innerHTML = userInput;
    }
    </script>

したがって、基本的に、キーワードを検出するには、効率的な文字列置換アルゴリズムと正規表現が必要です。

于 2012-12-26T08:42:54.517 に答える
0

ユーザーにこの部分を入力するように求める代わりに、入力の前にラベルとしてhttp://www.domain.com/photos-d/を含めることができます。画像ファイル名を入力するだけでよい場合は、入力フィールドを変更する必要はありません。

于 2012-12-26T08:33:16.437 に答える
0 
<script>
function changeText2(){
    var userInput = document.getElementById('userInput').value;
    document.getElementById('result').innerHTML = userInput.replace("/photos/", "/photos-d/");
}
</script>

<input type='text' id='userInput' placeholder="Enter Image URL"/>
<input type='button' onclick='changeText2()' value='Generate'/>

<p>Output: <a id='result'></a> </p>

PS：onblurイベントとonclickイベントの代わりに、プレースホルダー（html5をサポート）を使用できます。

于 2012-12-26T08:38:01.683 に答える