2016-12-12 7 views
2

Ich bin ein Problem in diesem Javascript-Code, wenn ich die Farbe des Etiketts ändern will, dann funktioniert es nicht, aber wenn ich falsch nach Funktion in der Taste verwenden, ist es Arbeit, Dies ist Tastencode onclick = "myFunction(); return false"> SpeicherSo ändern Sie die Farbe der Etiketten in Javascript

aber der gleiche Code return false ist Arbeit, aber deaktiviert Taste öffnet nicht Onclick = "myFunction();"> Speicher wo ich falsch bin, bitte um Hilfe, Danke Asvance

<?php 
$isSaveDisabled = true; 
$isCreateDisabled=false; 
if(isset($_POST['save'])) 
    { 
     echo 'Hello robin'; 
     $isCreateDisabled=false; 
    } 
if(isset($_POST['create'])) 
    { 
     echo 'Byeeee robin'; 
     $isSaveDisabled = false; 
    } 

?> 

<!DOCTYPE html> 
<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <link rel="stylesheet" href="BootStrap/css/bootstrap.min.css"> 
     <link rel="stylesheet" href="css/stylesheet.css"> 
     <title></title> 
     <script type="text/javascript"> 

     function myFunction() 
     { 
      document.getElementById("myH2").style.color = "#ff0000"; 

     } 

     </script> 
    </head> 
    <body > 
     <div class="container jumbotron"> 

     <form action="" method="post"> 

      <div class="btn-group-xs"> 
       <label for="name" id="myH2">Name</label> 
       <input type="text" name="name" > 
      <button type="submit" id="btn1" name="save" <?php echo $isSaveDisabled?'disabled':''; ?>onclick="myFunction();">Save</button> 
      <button type="submit" id="btn2" name="create" <?php echo $isCreateDisabled?'disabled':'';?>>Create</button> 
      </div> 


     </form> 
     </div> 


    </body> 
</html> 
+0

Sie verwenden 'type =" submit' so Seite neu zu laden werden müssen, und wenn Sie 'return false;' bricht die Standardaktion der Taste in dieser Form einreichen – Satpal

+0

Danke Freund, aber was ich in diesem Code dann tun, übermittle Knopf Arbeit richtig und Javascript ändern Etikett Farbe Arbeit auch richtig – user3526020

+0

Sie können nicht beide haben .. Das Problem hier ist die Tatsache, dass Sie ein Whiteboard haben Sie schreiben etwas darauf Sie löschen es dann, wenn Sie den Submit-Button drücken. Das bedeutet, dass Sie alle Daten erneut schreiben müssen. Wie können Sie also JavaScript ausführen? Normalerweise wird der Server die Klasse anwenden, wenn die Seite aktualisiert werden muss Die Option besteht darin, den Status im clientseitigen lokalen Speicher zu speichern und beim Laden der Seite zu lesen, oder die Benutzer verwenden Ajax, anstatt die gesamte Seite neu zu laden. – epascarello

Antwort

1

Sie verwenden Sie dieses Beispiel: http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_style_color

Wenn Sie nur auf den ursprünglichen Code verweisen, sehen Sie, dass der Button-Typ Button, nicht Submit ist. So

dies funktionieren wird:

<button type="button" id="btn1" ...and the rest as in your code 
+0

Sie sind richtig Freund und Ihr gegebener Code arbeitet richtig, aber ich möchte type = 'submit' not button verwenden, denn wenn ich die create button user_id im Textfeld erzeuge, und ich möchte, wenn ich create button dann beide zusammenarbeiten wie, generate user_id und label color ändern, aber leider nur eine funktion läuft, was ich dafür tun, ich bin auf dieser .thanks im voraus stecken – user3526020

+0

@ user3526020 müssen Sie nur diese Funktion nach der Funktion, die Sie denken, sollte onsubmit laufen ausführen. Um mehrere Funktionen auszuführen, verwenden Sie onclick = "myFunction(); mySecondFunction();" – K48

Verwandte Themen