Kommentarfeld im checkout "vorbelegen"?

[voodoopupp]

Hallo,

hat einer von euch eine Idee, wie man umsetzen kann, dass das Kommentarfeld im checkout-Prozess mit einem Text vorbelegt werden kann? Dieser sollte dann aber natürlich verschwinden, sobald man in das Feld klickt - eigentlich genauso wie die "Suche" im modified eCommerce Shopsoftware Shop.

Wir würden den Kunden dort nämlich noch genauer informieren wollen...

Wäre super, wenn da einer ne Idee hätte 

Grüße
Dominik

Linkback: https://www.modified-shop.org/forum/index.php?topic=22205.0

[mhbosch]

Hi,

sieh dir mal den Text für die Suchbox an. Da steht der Javacode drin

vg,

mhbosch

[voodoopupp]

hmmm ich glaube du meinst das hier in etwa:

Code: Javascript  [Auswählen]

<input class="search" type="text" onkeyup="xajax_intelliSearch(this.value);" onblur="if(this.value=='') this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue) this.value='';" maxlength="30" value="Suchen" name="keywords" autocomplete="off">

sehe ich das richtig? Ich bin nur nicht ganz sicher, wie ich das nun einbauen kann/muss. Kann ich das einfach in die checkout_payment irgendwie reinschreiben?

Was mir auch nicht ganz klar ist, sind die ganzen Dinge wie onblur, onfocus, keywords etc.

Da bin ich in der Hinsicht einfach etwas planlos

Grüße
Dominik

[mhbosch]

HI,

du nutzt da wohl die Sucherweiterung.
Die Textvorbelegung ist value=

Der normale Aufbau sieht so aus:

Code: PHP  [Auswählen]

<td><input type="text" name="keywords" value="Suchen" class="search" maxlength="30" onfocus="if(this.value==this.defaultValue) this.value='';" onblur="if(this.value=='') this.value=this.defaultValue;" /></td>

Vielleicht hilft es dir weiter

vg,

mhbosch

[h-h-h]

Code: jQuery  [Auswählen]

$(document).ready(function() {  
  var order_comment = $("textarea#comments");
  var default_value = "EINE KLEINE BESCHREIBUNG";
  if (order_comment.length > 0) {
    if (order_comment.val() === '') {
      order_comment.val(default_value);
    }
    order_comment
      .focus(function() {
        if ($(this).val() === default_value) {
          $(this).val('');
        }
      })
      .blur(function() {
        if ($(this).val() === '') {
          $(this).val(default_value);
        }
      });
    }
});

Besten Gruß

h-h-h

[WayneTsun]

@h-h-h
Nun wird aber der Text "EINE KLEINE BESCHREIBUNG" immer übernommen und nicht als "leer" weitergegeben, wenn der Kunde ihn nicht geändert hat.

Beste Grüße,
Wayne

[h-h-h]

Code: jQuery  [Auswählen]

$('#checkout_payment input[type=image]').click(function(){
  if (order_comment.val() === default_value) {
    order_comment.val('');
  }
});

Besten Gruß und viel Erfolg

h-h-h

[WayneTsun]

@h-h-h
Vielen Dank! Funktioniert perfekt!

Beste Grüße,
Wayne

[voodoopupp]

hmpf, okay, jetzt steh ich ein wenig auf dem Schlauch, wo ich das einbauen muss...irgendwie "zerschieß" ich mir dabei immer meinen Checkout   

[voodoopupp]

okay okay, ein wenig Gehirnzellen antrengen hilft dann doch ab und an.

Wenn ich richtig in der Annahme gehe, dann baut man

Code: jQuery  [Auswählen]

<script type="text/javascript">
    $(document).ready(function() {  
      var order_comment = $("textarea#comments");
      var default_value = "EINE KLEINE BESCHREIBUNG";
      if (order_comment.length > 0) {
        if (order_comment.val() === '') {
          order_comment.val(default_value);
        }
        order_comment
          .focus(function() {
            if ($(this).val() === default_value) {
              $(this).val('');
            }
          })
          .blur(function() {
            if ($(this).val() === '') {
              $(this).val(default_value);
            }
          });
        }
    });
</script>

und

Code: jQuery  [Auswählen]

<script type="text/javascript">
    $('#checkout_payment input[type=image]').click(function(){
      if (order_comment.val() === default_value) {
        order_comment.val('');
      }
    });
</script>

in der general.js.php ein, richtig?

Allerdings wird bei mir weiterhin "EINE KLEINE BESCHREIBUNG" mit in die checkout_confirmation übergeben 

Kleiner Tip?

Grüße
Dominik

[voodoopupp]

um das hier noch selber zu beantworten: in templates/DEINTEMPLATE/javascript/general.js.php folgendes einfügen

Code: PHP  [Auswählen]

<script type="text/javascript">
    $(document).ready(function() {  
      var order_comment = $("textarea#comments");
      var default_value = "DIES IST MEIN KOMMENTAR.";
      if (order_comment.length > 0) {
        if (order_comment.val() === '') {
          order_comment.val(default_value);
        }
    $('#checkout_payment input[type=image]').click(function(){
      if (order_comment.val() === default_value) {
        order_comment.val('');
      }
    });        
        order_comment
          .focus(function() {
            if ($(this).val() === default_value) {
              $(this).val('');
            }
          })
          .blur(function() {
            if ($(this).val() === '') {
              $(this).val(default_value);
            }
          });
        }
    });
</script>

Die Stelle

DIES IST MEIN KOMMENTAR.

noch entsprechend der eigenen Wünsche umschreiben.

Grüße
Dominik

[EatMyShorts]

Hallo,

funktioniert perfekt, danke.

Ich habe das Ganze noch mit einer Abfrage versehen, damit das Script nur auf der Checkout Payment Seite eingebunden wird, auf allen anderen Seiten ist es eigentlich überflüssig:

Code: PHP  [Auswählen]

<?php
if (strstr($PHP_SELF, FILENAME_CHECKOUT_PAYMENT )) {
?>
<script type="text/javascript">
        $(document).ready(function() {  
          var order_comment = $("textarea#comments");
          var default_value = "DIES IST MEIN KOMMENTAR.";
          if (order_comment.length > 0) {
                if (order_comment.val() === '') {
                  order_comment.val(default_value);
                }
        $('#checkout_payment input[type=image]').click(function(){
          if (order_comment.val() === default_value) {
                order_comment.val('');
          }
        });        
                order_comment
                  .focus(function() {
                        if ($(this).val() === default_value) {
                          $(this).val('');
                        }
                  })
                  .blur(function() {
                        if ($(this).val() === '') {
                          $(this).val(default_value);
                        }
                  });
                }
        });
</script>
<?php
}
?>
 

[voodoopupp]

Servus,

gute Idee, dann wird wieder ein Script weniger aufgerufen 

Grüße
Dominik

[WayneTsun]

Hallo zusammen!

Ich würde den vorbelegten Text nun gerne abhängig von der Spracheinstellung entweder deutsch oder englisch erscheinen lassen. Hab aber keine Ahnung, ob man hier auch mit entsprechenden Variablen arbeiten könnte. Hat das schon jemand gemacht, oder könnte helfen?

Vielen Dank und beste Grüße,
Wayne

[WayneTsun]

***gaaanz vorsichtig angepusht***