<button> statt input

[geheimgirl]

Guten Morgen,

ich würde gerne bei einigen Buttons <button> statt <input> verwenden.
Wenn ich allerdings <button> nutze, kann ich nichts mehr in den Warenkorb legen.

<button> sieht nun so aus:

<button type="submit" name="<?php echo $name; ?>" class="btn btn-5 btn-5b icon-cart <?php echo $name; ?>"><span><?php echo $button['label']; ?></span></button>

Hier nochmal zur Verdeutlichung: http://gamerianer.de/gameserver/mine...er-mieten.html

Woran kann das liegen ?

[KATgirl]

Nach meinem Wissen löst ein

button

kein absenden des Formulars aus. Daher musst du eine Event schicken.

<button type="submit" name="<?php echo $name; ?>" class="btn btn-5 btn-5b icon-cart <?php echo $name; ?>" onclick="document.<?php echo $formname; ?>.submit()"><span><?php echo $button['label']; ?></span></button>

[geheimgirl]

Nach meinem Wissen löst ein

button

kein absenden des Formulars aus. Daher musst du eine Event schicken.

<button type="submit" name="<?php echo $name; ?>" class="btn btn-5 btn-5b icon-cart <?php echo $name; ?>" onclick="document.<?php echo $formname; ?>.submit()"><span><?php echo $button['label']; ?></span></button>

Ok verstehe, wie kann ich denn den formnamen abfragen ?
Denn echo $formname gibt ja nichts aus, da in der Variabel nichts drin ist.

Auch wenn ich testweise einmal den formnamen eingebe also iso1983711983 ( onclick="document.iso1983711983.submit()" ) passiert nichts.

EDIT: Habe das gerade auf stack gefunden

<button onclick="window.location.href='/page2'">Continue</button>

allerdings klappt das testweise auch nicht mit

onclick="window.location.href='gameserver/minecraft-gameserver-mieten.html'"

[KATgirl]

Ändert sich der Name nicht dynamisch? Versuch mal ob es $this->formId gibt.

Gesendet von meinem Nexus 7 mit Tapatalk

[geheimgirl]

Ändert sich der Name nicht dynamisch? Versuch mal ob es $this->formId gibt.

Gesendet von meinem Nexus 7 mit Tapatalk

Der ändert sich dynamisch ja, war auch nur zu testzwecken.

$this->formId gibt es, allerdings funktioniert es auch nicht mit

onclick="document.<?php echo $this->formId ; ?>.submit()"

Der Button im html sieht dann so aus:

onclick="document.fmd7_product_3.submit()"

[KATgirl]

sorry, anscheinend ist der name im Template dynamisch, siehe https://github.com/isotope/core/blob...fault.html5#L1

Daher musst du den Namen vorher in eine Variable legen und dann an den beiden Stellen ausgeben.

[geheimgirl]

sorry, anscheinend ist der name im Template dynamisch, siehe https://github.com/isotope/core/blob...fault.html5#L1

Daher musst du den Namen vorher in eine Variable legen und dann an den beiden Stellen ausgeben.

Ja der Name ist dynamisch, aber der wird dann ja auch dynmaisch mit <?php echo $this->formId ; ?> ausgegeben, oder was meinst du genau ?

[KATgirl]

Formid ist nicht formname 😀

Gesendet von meinem Nexus 7 mit Tapatalk

[geheimgirl]

Formid ist nicht formname 

Gesendet von meinem Nexus 7 mit Tapatalk

Aber wie ich oben geschrieben habe, hatte ich es testweise auch einfach mal manuell versucht mit dem Formnamen.
Also indemfalle "iso940204967" ( onclick="document.iso940204967.submit()" ) -> http://gamerianer.de/gameserver/mine...er-mieten.html

So hatte ich es testweise einfach mal eingefügt, aber genau das gleich Problem: Die Seite lädt neu, es wird aber nichts in den Warenkorb gelegt.

[KATgirl]

Ja, aber die Zahl, in deinem Fall 940304967, wird dynamisch erzeugt. Daher klappt das nicht. Verstehe doch bitte, das du den Formularnamen erst selbst in dem Template in eine Variable schreiben musst und dann an den beiden Stellen ausgeben.

Kirsten

[geheimgirl]

Ja, aber die Zahl, in deinem Fall 940304967, wird dynamisch erzeugt. Daher klappt das nicht. Verstehe doch bitte, das du den Formularnamen erst selbst in dem Template un eine Variable schreiben musst und dann an den beiden Stellen ausgeben.

Kirsten

Den Formularnamen kann man mit

iso<?php echo rand(); ?>

ausgeben.
Auch das funktioniert aber leider allerdings nicht

Der Button:

<button type="submit" name="<?php echo $name; ?>" class="btn btn-5 btn-5b icon-cart <?php echo $name; ?>"onclick="document.iso<?php echo rand(); ?>.submit()"><span><?php echo $button['label']; ?></span></button>

[KATgirl]

Rand() ist eine PHP Funktion, die eine zufällige Zahl erzeugt. http://php.net/rand daher sollst du das vorher in eine eigene Variable schreiben.

Kirsten

[geheimgirl]

Rand() ist eine PHP Funktion, die eine zufällige Zahl erzeugt. http://php.net/rand daher sollst du das vorher in eine eigene Variable schreiben.

Kirsten

Ah ich doofi, jetzt weiss ich was du meintest :P
Funktioniert aber leider auch nicht

Im Kopf des Templates:

<?php 
$random = rand(); 
?>

Beim Form dann:

name="iso<?php echo $random; ?>

Der Button:

onclick="document.iso<?php echo $random; ?>.submit()"

[KATgirl]

eigentlich sollte das so funktionieren

http://de.selfhtml.org/javascript/ob...tm#allgemeines

sonst versuch mal das Beispiel 3

[KATgirl]

sehe gerade, das du einen JS-Fehler hast auf deinem Eventeandler, der wird dich blockieren.

	document.querySelector( '.btn-7i' ).addEventListener( 'click', function() {
		classie.add( document.querySelector( '#trash-effect' ), 'trash-effect-active' );
	}, false );

[Tastaturberuf]

Ist es nicht einfacher das einfach als Input zu lassen? Was ist das Problem mit dem Input?

Gesendet von einer ollen Touchscreen-Tastatur. Fehler sind bedingt durch meine dicken Finger.

[geheimgirl]

sehe gerade, das du einen JS-Fehler hast auf deinem Eventeandler, der wird dich blockieren.

	document.querySelector( '.btn-7i' ).addEventListener( 'click', function() {
		classie.add( document.querySelector( '#trash-effect' ), 'trash-effect-active' );
	}, false );

Habe das ganze nunmal raus genommen und auch

onclick="document.forms.iso<?php echo $random; ?>.submit()"

versucht, ohne Erfolg ..

@Cord

Nein, da ich einen speziellen Effekt im Button habe benötige ich den <button> statt des normalen <input> Feldes.

[Tastaturberuf]

Dann erweiter doch das CSS um einen Selektor.

Gesendet von einer ollen Touchscreen-Tastatur. Fehler sind bedingt durch meine dicken Finger.

[geheimgirl]

Dann erweiter doch das CSS um einen Selektor.

Gesendet von einer ollen Touchscreen-Tastatur. Fehler sind bedingt durch meine dicken Finger.

Wird bereits gemacht

Wie gesagt ich benötige <button> als submit <input>

[Spooky]

Wird bereits gemacht

Wie gesagt ich benötige <button> als submit <input>

Warum benötigst du dann immer noch <button>?

[geheimgirl]

Warum benötigst du dann immer noch <button>?

Leute, ich benötige ebend <button> statt <input> ... falls Ihr euch mal den Code oben anschaut, sollte es
euch das ganze selber erklären!

[Flex]

Mit jQuery würde ich sowas in diese Richtung testen...

Geht bestimmt mit mooTools auch, aber da bin ich nicht so fit drin

$(document).ready(function(){
	$('button[type="submit"]').click(function() {
		$(this).closed('form').submit();
	})
});

Das ganze funktioniert natürlich nur, wenn das Parent Form wirklich am nächsten ist und nicht noch ein zweites Formular folgt...
Wenn das nicht klappt, müsstest du mit parents() arbeiten.