tutorials.de Buch-Aktion 05/2012
Like Tree2Danke
  • 1 Beitrag von einfach nur crack
  • 1 Beitrag von matth-ee
ERLEDIGT
NEIN
ANTWORTEN
6
ZUGRIFFE
1392
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 27.08.10 19:59 #1
    Avatar von tsbmusic
    tsbmusic tsbmusic ist offline Mitglied Gold
    Registriert seit
    Jun 2009
    Beiträge
    187
    Hi Leute,

    ich hab auf einer Website gesehen, dass man auch Submit-Buttons mit Links ausführen kann. (http://www.bonjovi.com)

    Der Code sieht da so aus:

    Code :
    1
2

    <input type="submit" value="Submit" name="submit" class="action save">
<a href="#submit" class="action submit" style="visibility: visible;">Submit</a>

    Ich find aber keine Javascript Angabe dazu. Könnt ihr mir helfen wie man das macht?

    Gruss
    tsbmusic
     
    Zitieren Zitieren
  2. 27.08.10 20:15 #2
    Avatar von einfach nur crack
    einfach nur crack einfach nur crack ist offline mag Cookies & Kekse
    tutorials.de Premium-User
    Registriert seit
    May 2007
    Ort
    Dresden (Sachsen)
    Beiträge
    1.960
    Das ist durch jQuery möglich. Auf der Seite wird es irgendwo eine Anweisung geben, die in etwa so aussieht:
    Code Javascript:
    1
2
3

    $('.action submit').click(function () {
  $('.action save').submit();
});
    tsbmusic bedankt sich. 
    Ich mag:
    • positive Bewertungen meiner Beiträge
    • ein Danke für meine hilfreichen Beiträge

    Dabei kann ich dir helfen: PHP --- Javascript --- Ruby --- Coffeescript --- CSS --- HTML --- Webtechnologien --- Shell --- UNIX

    ... noch was: falls du mit dem Thema hier fertig bist, dann kannst du es auch als erledigt markieren.
    Zitieren Zitieren
  3. 27.08.10 20:28 #3
    Avatar von tsbmusic
    tsbmusic tsbmusic ist offline Mitglied Gold
    Registriert seit
    Jun 2009
    Beiträge
    187
    Und das schreib ich einfach so oder?

    Code :
    1
2
3
4
5

    <script type="text/javascript">
$('.action submit').click(function () {
  $('.action save').submit();
});
</script>

    Oder muss ich das noch in eine function setzten?

    Edit: Ich habs jetzt mal so ausprobiert es funktioniert aber nicht. Das Formular wird nicht abgesendet. Muss ich das an irgendeine bestimmte Stelle setzen?
    Geändert von tsbmusic (27.08.10 um 22:23 Uhr)
     
    Zitieren Zitieren
  4. 27.08.10 22:10 #4
    matth-ee matth-ee ist offline Mitglied Bronze
    Registriert seit
    Sep 2005
    Ort
    Linz (Oberösterreich)
    Beiträge
    33
    Hi!

    Also mit jQuery gehts grundsätzlich so, wenn sich der <script>-tag im <head>-bereich der html-seite befindet:

    Code :
    1
2
3
4
5
6
7

    <script>
$(document).ready(function(){ // Sobald der Browser das laden beendet hat mache...
   $(".submit").click(function(){ // Finde HTML-Objekte mit der Klasse "save"
      $(".form").submit();           // Führe ein Submit auf einem Objekt mit der Klasse "form" aus
   }
});
</script>

    Das dazugehörige Html-Formular sollte dann ähnlich wie dieses aufgebaut sein:

    HTML-Code:
    <form action='script.php' name='form1' class='form'>
<input>
<input>
...
<input type="submit" value="Submit">
</form>

<a href='#' class='submit'>abschicken</a>
    Noch ein paar Ergänzungen:
    • Wenn dein jQuery-Selector folgendermaßen aussieht:
      Code :
      1

      $('.action save')
      , dann würdest du in deinem Fall keine Objekte zur Weiterverarbeitung auswählen. Übersetzt würde nämlich deine Anweisung bedeuten: "Finde alle Objekte mit der Klasse "action" und selektiere in den Unterobjekten alle <save>-Tags."
      Die dazugehörige HTML-Struktur würde beispielsweise so aussehen:
      HTML-Code:
      <span class='action'>
<save>ich würde selektiert werden</save>
</span>
      Da dies aber nicht auf deinen HTML-Code zutrifft, würde jQuery natürlich, wenn überhaupt, die falschen Objekte auswählen.

    • Für solch einfachen Aufgaben jQuery zu verwenden, ist natürlich etwas übertrieben. Mit JavaScript kann man nämlich einfache Funktionen direkt im Link ausführen:
      HTML-Code:
      <a href="javascript:document.form1.submit();">abschicken</a>
      Wichtig bei dieser Variante ist, dass man beim <form>-Tag das Attribut "name" auf "form1" setzt.
      HTML-Code:
      <form name='form1'>...</form>
      Selbstverständlich kann dieser frei gewählt werden, wichtig ist aber, dass er mit mit dem im <a href> verwendeten Namen übereinstimmt.


    Ich hoffe ich hab dich mit meiner Text-Flut nicht erschlagen

    Beste Grüße!
    spartanier7777 bedankt sich. 
    Zitieren Zitieren
  5. 27.08.10 22:59 #5
    Avatar von tsbmusic
    tsbmusic tsbmusic ist offline Mitglied Gold
    Registriert seit
    Jun 2009
    Beiträge
    187
    Ich hab auf der Bon Jovi Seite noch folgendes gefunden:

    jquery-actions.js
    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67

    /* CLIQUE */
/* Actions Pattern Javascript
----------------------------------------------------------------------------- */
 
 
    (function($) {
    
    $.fn.cliqueActions = function() {
    
    
/* PRESERVE CHAINING
----------------------------------------------------------------------------- */
 
 
        return this.each(function(index) {
 
            var $this = $(this);
    
/* REPLACE BUTTONS
----------------------------------------------------------------------------- */
 
            
            if ($this.attr('value') && $this.attr('value') != "Submit") {
            
                var language = $this.attr('value');
            
            } else if ($this.parent().parent().parent().hasClass('signin')) {
            
                var language = "Sign In";
                
            } else if ($this.parent().parent().parent().hasClass('password')) {
            
                var language = "Reset Password";
            
            } else {
            
                var language = "Submit";
            
            }
            
            $this.parent().addClass('submit');          
            $this.after('<a class="action submit" href="#submit">' + language + '</a>');
        
 
/* SUBMIT FORM
----------------------------------------------------------------------------- */
    
    
            $('a.action.submit').click(function() {
    
                $(this).siblings('input[type=submit]').click();
 
                // DISABLE SUBMIT ORDER BUTTON AFTER CLICK
                if ($(this).parent().hasClass('emphasis')) $(this).unbind('click').click(function() { return false; });
                
                return false;
                
            });
    
    
/* END PLUG-IN
----------------------------------------------------------------------------- */
 
 
        });
    };
    })(jQuery);
     
    Zitieren Zitieren
  6. 28.08.10 03:33 #6
    Avatar von Sven Mintel
    Sven Mintel Sven Mintel ist offline Mitglied
    Registriert seit
    Aug 2003
    Beiträge
    18.238
    Blog-Einträge
    6
    <ot>Bon Jovi...igitt,

    sorry, dat musste jetzt sein
    </ot>
     
    Zitieren Zitieren
  7. 28.08.10 09:35 #7
    Avatar von tsbmusic
    tsbmusic tsbmusic ist offline Mitglied Gold
    Registriert seit
    Jun 2009
    Beiträge
    187
    Woanders hab das noch nicht gesehen...
     
    Zitieren Zitieren
« tooltip funktioniert nicht | json for..in »

Ähnliche Themen

  1. onload submit button ausführen
    Von sintakx im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 08.01.05, 13:40
  2. Link als Submit-Button
    Von cardician im Forum HTML & XHTML
    Antworten: 11
    Letzter Beitrag: 21.08.04, 21:51
  3. A href Link in Submit Button umwandeln
    Von DaKa im Forum PHP
    Antworten: 9
    Letzter Beitrag: 11.06.02, 09:02
  4. kann ich einen normalen link als submit-button anzeigen lassen?
    Von dune911 im Forum PHP
    Antworten: 4
    Letzter Beitrag: 07.06.02, 23:21
  5. Per Submit Button funktion ausführen...
    Von Subwoover im Forum PHP
    Antworten: 10
    Letzter Beitrag: 20.01.02, 10:01