Funktion der Knöpfe in der Galaxieansicht

nicoxx · 14. Juli 2017

wenn ich in der "Galaxie" egal welche, oben im rechten feld eine zahl eingebe und enter drücke gehts im vorderen feld um eins nach unten.

Beispiel: ich gebe 3:33 ein und drücke enter dann bin ich in 2:33

Ipmuni · 14. Juli 2017

Vorschlag Mautz zum Beheben:

Die Pfeile nicht als input type=submit, sondern als button type=button, das jeweilige vor- und zurückspringen via js handlen und das benötigte submit dann auch via js auslösen.

Beispiel mit jQuery:

Code

<form method="POST">
<button type="button" class="galaxy-arrow" data-direction="prev" data-max="10" data-target="#galaxy">
<
</button>
<div class="gw-inline-form-group">
<input autofocus="" class="form-control" id="galaxy" name="galaxy" placeholder="Galaxie" type="text" value="4">
</div>
<button type="button" class="galaxy-arrow" data-direction="next" data-max="10" data-target="#galaxy">
>
</button>
<input id="submit" name="submit" type="submit" value="Anzeigen">
<button type="button" class="galaxy-arrow" data-direction="prev" data-max="10" data-target="#system">
<
</button>
<div class="gw-inline-form-group">
<input autofocus="" class="form-control" id="system" name="system" placeholder="System" type="text" value="45">
</div>
<button type="button" class="galaxy-arrow" data-direction="next" data-max="10" data-target="#system">
>
</button>
</form>
<script type="text/javascript">
$(function(){
$('.galaxy-arrow').click(function(){
var $this = $(this),
target = $this.attr('data-target'),
direction = $this.attr('data-direction'),
max = $this.attr('data-max'),
currentVal = $(target).val();
if(direction==='next' && currentVal<max) {
currentVal++;
}
elseif(direction==='prev' && currentVal>1) {
currentVal--;
}
$(target).val(currentVal);
$this.parents('form').submit();
});
});
</script>

Alles anzeigen

Mautz · 13. Januar 2018

Leicht modifiziert endlich einbaut und Bug damit behoben...