Button σε html/css

nik324 · 21 Φεβρουαρίου 2015

Καλησπέρα,

θα ήθελα να δημιουργήσω ένα απλό button το οποίο όταν πατηθεί να μετονομάζεται σε κάτι αλλό, πχ αρχικά να είναι On, όταν πατηθεί να γίνεται off και όταν πατηθεί το off να γίνεται πάλι on. Μπορεί να γίνει κάτι τέτοιο και χωρίς την χρήση css?

Lanike71 · 21 Φεβρουαρίου 2015

Πιστεύω με javascript γίνεται (αν δεν υπάρχει περιορισμός, εκτός αν θες μόνο html).

nik324 · 21 Φεβρουαρίου 2015

Δεν έχω πρόβλημα το πως θα γίνει αρκεί να υλοποιήσω ένα button που περιγράφω παραπάνω.

Lanike71 · 21 Φεβρουαρίου 2015

Ρίξε μία ματιά εδώ:

http://stackoverflow.com/questions/12679813/how-to-change-button-text-or-link-text-in-javascript

libereas · 21 Φεβρουαρίου 2015

Και με jquery κάπως έτσι

<!doctype html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#change").on("click", function() {
   
	if($('#change').val()=="Option 1") {
    $(this).val("Option 2");
} else {
    $(this).val("Option 1");
}
});

});
</script>
</head>
<body>
<input type="button" id="change"  value="Option 1" />

</body>
</html>

nik324 · 22 Φεβρουαρίου 2015

Καλησπέρα,

χρειάζομαι και πάλι την βοήθειας σας.

Εχω ένα τμήμα html κώδικα που περιέχεται μέσα σε <form>...</form>. Επίσης έχω μία JavaScript συνάρτηση η οποία σαν παράμετρο πέρνει το form αυτό:

Συγκεκριμένα το πέρασμα στην JavaScript συνάρτηση του form γίνεται με τον παρακάτω τρόπο

Αυτό που θέλω είναι να μπορέι η συνάρτηση JS να βλέπει το form χωρίς να χρειάζεται να το περάσω σας όρισμα πχ να είναι καπου global. Είναι εφικτό κάτι τέτοιο;

Άκυρο.

Βρήκα αυτό που έψαχνα

chrism4111 · 25 Φεβρουαρίου 2015

Σχετικά με το πρώτο σου ερώτημα με jQuery υπάρχει και πιο απλή υλοποίηση:

(function($){
     $(document).ready(function(){
         $('.targetButton').toggle(function(){
              $(this).val('Off');
         }, function(){
             $(this).val('On');
         });
     });
})(jQuery)

Στο δεύτερο Φυσικά δεν χρειάζεται να δηλώνεις το Event στο Html tag. Με jQuery μπορείς να κάνεις το παρακάτω. Ας πούμε οτι η Form είναι η εξής

<form name="targetForm">
      <input type="submit" name="submitForm" />
</form>

O κώδικας javascript:

(function($){
      $(document).ready(function(){
           $('input[type="submitForm"]').on('click', function(event){
                 var targetForm = $('form[name="targetForm"]'); 
                 // Εδώ δεσμεύουμε στην μεταβλητή targetForm όλη την φόρμα
                 // η μεταβλητή targetForm είναι δεσμευμένη με ένα jQuery οbject το οποίο είναι array of HtmlElements
                // Για να πάρουμε το καθαρό element της φόρμας κάνουμε το παρακάτω
                var targetForm = targetForm[0]; // ή var targetForm = targetForm.get(0);
                
               // Τέλος θα μπορούσες να πάρεις όλα τα data της φόρμας σε μορφή query string έτσι ώστε να τα Πασάρεις σε κάποιο ajax request που θα κάνεις στον Server
               var data = $('form[name="targetForm"]').serialize();

              // Τέλος φροντίζουμε να ακυρώσουμε το Default event του Submit
              event.preventDefault(); // ή return false;
           });
      });
})(jQuery)

Πάνω κάτω κάπως έτσι πρέπει να κινηθείς

Επεξ/σία 26 Φεβρουαρίου 2015 από chrism4111

Σύνδεση

Button σε html/css

Προτεινόμενες αναρτήσεις

nik324

Lanike71

nik324

Lanike71

libereas

nik324

chrism4111

Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε

Δημιουργία λογαριασμού

Σύνδεση

Σύνδεση