2016-08-28 4 views
0
<script> 
    function update(jscolor) { 

    // 'jscolor' instance can be used as a string 

    document.getElementById('header').style.backgroundColor = '#' + jscolor 

    } 

    function update(jscolor) { 

    // 'jscolor' instance can be used as a string 

    document.getElementById('text').style.color = '#' + jscolor 

    } 
</script> 

<nav class="navbar navbar-default navbar-fixed-top" id="header"> 

    <a class="navbar-brand" href="#" id="text"> 

    Customize Your Website 

</a> 
    <input name="color2" class="jscolor form-control" onchange="update(this.jscolor)" value="#FFF"> 
+0

Sie haben zwei Funktionen die gleichen Namen . Die zweite wird in Kraft sein. . Bitte besuchen Sie die [Hilfe], um zu sehen, wie und was Sie fragen und wie Sie Ihren Code formatieren. TIPP: Geben Sie die tatsächliche und erwartete Ausgabe an. – mplungjan

Antwort

0

Verwenden Sie nur eine Update-Funktion und fügen Sie alle id des Elements Sie werden möchten, innerhalb dieser Funktion geändert gelten:

<script> 
    function update(jscolor) { 

    // 'jscolor' instance can be used as a string 

    document.getElementById('header').style.backgroundColor = '#' + jscolor 
    document.getElementById('text').style.color = '#' + jscolor 

    } 
</script> 

<nav class="navbar navbar-default navbar-fixed-top" id="header"> 

    <a class="navbar-brand" href="#" id="text"> 

    Customize Your Website 

</a> 
    <input name="color2" class="jscolor form-control" onchange="update(this.jscolor)" value="#FFF"> 
Verwandte Themen