Announcement

Collapse
No announcement yet.

Datensätze in Kacheln sortieren

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Datensätze in Kacheln sortieren

    Hallo zusammen,

    ich versuche gerade vergeblich mit Hilfe von jQueryUI die Kacheln einer Website zu sortieren.
    Zwar kann ich die einzelnen Kacheln nun bewegen, aber nicht verschieben - der neue Platz
    für die zu verschiebende Kachel wird nicht übernommen.

    Ich bin nun schon seit mehreren Stunden damit beschäftigt, den Fehler zu finden, leider jedoch vergeblich.
    Vielleicht kann mir einer einen Tipp geben, wo sich hier der Fehler eingeschlichen haben könnte?
    Sorry, wenn der Code nicht sehr professionell gestaltet ich - ich lerne derzeit noch ;-)

    PHP Code:
    <!doctype html>
    <html lang="en">
    <head>
      <meta charset="utf-8">
      <title>Tagesgeld-Konto-Test</title>
      <link rel="stylesheet" 
            href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
      <script src="//code.jquery.com/jquery-1.10.2.js"></script>
      <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
      <link rel="stylesheet" href="mystyle.css">

      <script>
      $(function() {
        $( ".sortable" ).sortable();
        $( ".sortable" ).disableSelection();
      });
      </script>
        
    </head>

    <body>
        
        <?php
        
        
    //-------------------------------------------------------- (Verbindung Start)
        
    $mysqli = new mysqli("localhost"
                             
    "###"
                             
    "###",
                             
    "###");

        if (
    $mysqli->connect_error) {
            echo 
    "Verbindungsfehler: " mysqli_connect_error();
            exit();
        }        
        
    //-------------------------------------------------------- (Verbindung Ende)    
        
            
    $abfrage "SELECT * FROM erfassung";
            
    $ergebnis mysqli_query($mysqli$abfrage);
            while(
    $row mysqli_fetch_object($ergebnis))
               {
                
                
    ?>    

        <div class="sortable">
            
                <div class="holder">
                    <div class="theHead">
                        <h3>Bezeichnung</h3>
                    </div>
                    <div class="theBody">
                        <table>
                            <tr>
                                <td class="bez">Datum</td>
                                <td class="data"><?php echo $row->datum?></td>
                            </tr>
                            <tr>
                                <td class="bez">Bemerkung</td>
                                <td class="data"><?php echo $row->bemerkung?></td>
                            </tr>
                            <tr>
                                <td class="bez">Kategorie</td>
                                <td class="data"><?php echo $row->kategorie?></td>
                            </tr>                    
                        </table>
                        <hr>
                        <?php if ($row->betragC == 0$row->betragC "00" ?>
                        <h2 class="betrag"><?php echo $row->betragE .","$row->betragC ."€"?></h2>
                    </div>
                </div>    

        </div>
        
            <?php ?>    
        
    </body>

    </html>
    Ich hoffe, dieser Code reicht schon aus, damit mir einer helfen kann!?

    Gruß, David

  • #2
    Hallo David,

    soweit ich gesehen habe reagiert jQuery Sortable auf Listen, Du hast hier eine Tabelle. Das müsste so aussehen:

    Das mit der Tabelle in einer Liste ist auch eher unschön, aber versuchs...

    HTML Code:
    <div class="irgendwas">
    
        <div class="holder">
            <div class="theHead">
                <h3>Bezeichnung</h3>
            </div>
            <div class="theBody">
                <ul id="sortable">
                    <?php while ($row = mysqli_fetch_object($ergebnis)) {
    
                        ?>
                        <li class="ui-state-default"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span>
                            <table>
                                <tr>
                                    <td class="bez">Datum</td>
                                    <td class="data"><?php echo $row->datum; ?></td>
                                </tr>
                                <tr>
                                    <td class="bez">Bemerkung</td>
                                    <td class="data"><?php echo $row->bemerkung; ?></td>
                                </tr>
                                <tr>
                                    <td class="bez">Kategorie</td>
                                    <td class="data"><?php echo $row->kategorie; ?></td>
                                </tr>
                            </table>
                            <hr>
                            <?php if ($row->betragC == 0) $row->betragC = "00" ?>
                            <h2 class="betrag"><?php echo $row->betragE . "," . $row->betragC . "€"; ?></h2>
    
                        </li>
                    <?php
                    }
                    ?>
                </ul>
    
            </div>
        </div>
    
    </div> 
    Hoffe es hilft...
    Gruss
    Dominik

    Comment


    • #3
      Nein, schau an, wo er sein

      <div class="sortable">

      stehen hat
      Christian

      Comment

      Working...
      X