php.de

Zurück   php.de > Webentwicklung > JavaScript, Ajax und mehr
jQtouch Datenbank Anferage jQtouch Datenbank Anferage
Wiki Registrieren Grundlagen Suchen Heutige Beiträge Alle Foren als gelesen markieren

JavaScript, Ajax und mehr dynamisches Scripten und Interaktion auf Clientebene

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 25.04.2011, 17:18  
Erfahrener Benutzer
 
Registriert seit: 28.10.2008
Beiträge: 181
Rilana ist zur Zeit noch ein unbeschriebenes Blatt
Standard jQtouch Datenbank Anferage
Hallo zusammen, versuche gerade mit Hilfe von jQTouch eine Web-App zu basteln. Habe es bis jetzt auch geschafft eine Datenbank-Anfrage zu generieren. Aber irgendwie versteh ich nicht wie ich nach der Auflistung auf weiter klicken kann um mir dann Details ausgeben zu lassen.

so siehts aus... http://www.smartpersonal.ch/stelleniPhone.php immer nur auf obersten Button klicken... dann suchen....

meine erste Seite sieht in etwas so aus:
Code:
<div id="home" class="current">
            <div class="toolbar">
                <h1>smarte jobs für smarte leute</h1>
                <a class="button slideup" id="infoButton" href="#about">About</a>
            </div>
            <ul class="rounded">
                <li class="arrow"><a href="#rubriken">Stellensuche</a></li>
            </ul>
           
            <div class="info">
                <p>Add this page to your home screen to view the custom icon, startup screen, and full screen mode.</p>
            </div>
        </div>

<div id="admin" class="current">
            <div class="toolbar">
                <h1>smarte jobs für smarte leute</h1>
                <a class="button slideup" id="infoButton" href="#home">Home</a>
            </div>

            
            <form action="test.php" method="POST" class="form">
           
            <ul>
           <li>
           <select name="kaufm" id="kaufm">
			<option value="adminAll">Alle kaufmännische Stellen</option>
             <option value="admin">Administration/HR/Consulting/CEO</option>   
            </select>
                    </li>
              <li>
<select name="region" id="region">
<option value="100">Ganze Schweiz</option>
<option value="2" />Rechtes Seeufer</option>

</select>
              </li>   
              
                    <li><select name="anstellung" id="anstellung">
<option value="100">Alle Anstellungen</option>
<option value="temp" />Temporäre Anstellung</option>


</select></li>
                  </ul>
            <a style="margin:0 10px;color:rgba(0,0,0,.9)" href="#" class="submit whiteButton">Suche starten</a>
        </form>                            
    
              </li>
            </ul>

            <div class="info">
                <p>Add this page to your home screen to view the custom icon, startup screen, and full screen mode.</p>
            </div>
        </div>  
        
    <div id="<? echo "$stelleIDDetail"; ?>">Detail</div>
Und mein test.php für die Anfrage der Datenbank
PHP-Code:
 <div>
    <div class="toolbar">
     
<?

echo "<h1>$adminList</h1>";
echo "<a href='#' class='button back'>Back</a>";
echo " </div><ul class='edgetoedge'>";
 
 
$result = mysql_query($sql);


$r = mysql_fetch_row($result);  
$numrows = $r[0];  
$numrows = mysql_num_rows ($result);

// makes shoure that the output is not -1
$resultOutput = mysql_query($sql);



//print table
echo "<span class='suche'>Ihre Suche ergab <span class='zahl'>$numrows</span> Treffer</span>";

echo "<ul class='paging'>";



while($row = mysql_fetch_array($resultOutput)) {

$id=($row['stelleID']);
$datumsanzeige=($row['stelleDatumsanzeige']);
$datum=(date("d.m.y", strtotime($row["stelleDatum"])));
$today = date("d.m.y");

if($datumsanzeige == "fake")
    {
    $datumDef = "$today";
    }
  else
    {
    $datumDef = "$datum";
    }

    
// Print out the contents of each row into a table
    echo "<li><span class='stellen'>";
    echo $row['stellePosition'];

    echo "</span>";
    echo "<br>";


$stelleIDDetail = $row['stelleID'];

    $text=strip_tags (html_entity_decode($row['stelleStellenbeschrieb']));
// 0,100 show 100 Zeichen
    echo substr($text,0,150);
    echo "... ";
    echo "<a href='#$stelleIDDetail'>|weiter > </a>";
    echo "</li>";
    } 
    
echo "</ul>";

echo mysql_error();
mysql_close($con);



?> 
    
    </ul>
</div>
Irgendwie besteht das Problem darin dass ich vom PHP aus nur in eine bereits angewählte div linken kann. Wäre wirklich froh wenn mir jemand einen Tipp geben könnte. irgendwie gibts wirklich nicht sehr viel Dokumentation zum Them jqTouch...

Wär lieb, Danke! Rilana
Rilana ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 25.04.2011, 17:31  
Erfahrener Benutzer
 
Registriert seit: 28.05.2008
Beiträge: 2.094
PHP-Kenntnisse:
Fortgeschritten
rudygotya ist einfach richtig nettrudygotya ist einfach richtig nettrudygotya ist einfach richtig nettrudygotya ist einfach richtig nettrudygotya ist einfach richtig nett
Standard
Zitat:
Irgendwie besteht das Problem darin dass ich vom PHP aus nur in eine bereits angewählte div linken kann.
Sorry, versteh die Frage nicht. Wo bzw. was ist denn das javascript Problem?

grüße


Basti
__________________
++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++
Blog
rudygotya ist offline   Mit Zitat antworten
Alt 25.04.2011, 17:33  
Erfahrener Benutzer
 
Registriert seit: 28.10.2008
Beiträge: 181
Rilana ist zur Zeit noch ein unbeschriebenes Blatt
Standard
sagt dir das eventuell etwas? Viewport argument "user-scalable" not recognized. Content ignored.
Rilana ist offline   Mit Zitat antworten
Alt 25.04.2011, 17:36  
Erfahrener Benutzer
 
Registriert seit: 28.10.2008
Beiträge: 181
Rilana ist zur Zeit noch ein unbeschriebenes Blatt
Standard
das jQTouch plugin funtioniert ja so dass wenn ich zum Bsp.
Code:
<a href='#home'>| home
eingebe, dann zeigt es mir den home div. Aber dynamisch mit dem PHP funktioniert dies irgendwie nicht mit dem Detail div.
Rilana ist offline   Mit Zitat antworten
Alt 25.04.2011, 17:43  
Erfahrener Benutzer
 
Registriert seit: 28.05.2008
Beiträge: 2.094
PHP-Kenntnisse:
Fortgeschritten
rudygotya ist einfach richtig nettrudygotya ist einfach richtig nettrudygotya ist einfach richtig nettrudygotya ist einfach richtig nettrudygotya ist einfach richtig nett
Standard
Wieso verwendest du eigtl noch jQuery 1.3? Das ist mehr als 2 Jahre alt.

Zitat:
sagt dir das eventuell etwas? Viewport argument "user-scalable" not recognized. Content ignored.
Zeig doch mal dein meta tag her.

Zitat:
Aber dynamisch mit dem PHP funktioniert dies irgendwie nicht mit dem Detail div.
Sorry, aber wie soll ich dir auf sowas antworten können? Versuchs doch mal so zu beschreiben, dass jemand, der dein Problem nicht kennt, es auch wirklich verstehen kann
__________________
++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++
Blog
rudygotya ist offline   Mit Zitat antworten
Alt 25.04.2011, 17:52  
Erfahrener Benutzer
 
Registriert seit: 28.10.2008
Beiträge: 181
Rilana ist zur Zeit noch ein unbeschriebenes Blatt
Standard
OK sorry, dachte nur am Anfang war es ausführlich. Mein MetaTag sieht so aus:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<link type="text/css" href="1-3col.css" rel="stylesheet" media="screen" />
<title>smart personal gmbh | Finden Sie Ihre Gelegenheit</title>
<meta name="Keywords"content="stellenvermittlung, kaderstellen, jobs, Regionen Zürichsee, Zürcher-Oberland, Linthgebiet, Bezirk Gaster, Glarnerland, March, Höfe, Karriere, Herausforderung" /> 
<meta name="Description"content="smart personal vermittelt Dauer-, Temporär- und Kaderstellen aus den Bereichen Büro, Industrie, Technik und Bau." /> 
<meta name="Author" content="smart personal gmbh" /> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="css.css" rel="stylesheet" type="text/css" />
<link href="img.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="print.css" media="print" />
<meta name="viewport" content="user-scalable=no, width=device-width" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<!-- jq -->

		<style type="text/css" media="screen">@import "iPhone/jqtouch/jqtouch.min.css";</style>
        <style type="text/css" media="screen">@import "iPhone/themes/jqt/theme.min.css";</style>
        <script src="iPhone/jqtouch/jquery.1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="iPhone/jqtouch/jqtouch.min.js" type="application/x-javascript" charset="utf-8"></script>
        <script type="text/javascript" charset="utf-8">
            var jQT = new $.jQTouch({
                icon: 'defactoB.png',
                addGlossToIcon: false,
                startupScreen: 'jqt_startup.png',
                statusBar: 'black',
                preloadImages: [
                    'themes/jqt/img/back_button.png',
                    'themes/jqt/img/back_button_clicked.png',
                    'themes/jqt/img/button_clicked.png',
                    'themes/jqt/img/grayButton.png',
                    'themes/jqt/img/whiteButton.png',
                    'themes/jqt/img/loading.gif'
                    ]
            });
            // Some sample Javascript functions:
            $(function(){
                // Show a swipe event on swipe test
                $('#swipeme').swipe(function(evt, data) {                
                    $(this).html('You swiped <strong>' + data.direction + '</strong>!');
                });
                 $('a[target="_blank"]').click(function() {
                    if (confirm('Es wird ein neues Fenster geöffnet.')) {
                        return true;
                    } else {
                        $(this).removeClass('active');
                        return false;
                    }
                });
                // Page animation callback events
                $('#pageevents').
                    bind('pageAnimationStart', function(e, info){ 
                        $(this).find('.info').append('Started animating ' + info.direction + '&hellip; ');
                    }).
                    bind('pageAnimationEnd', function(e, info){
                        $(this).find('.info').append(' finished animating ' + info.direction + '.<br /><br />');
                    });
                // Page animations end with AJAX callback event, example 1 (load remote HTML only first time)
                $('#callback').bind('pageAnimationEnd', function(e, info){
                    if (!$(this).data('loaded')) {                      // Make sure the data hasn't already been loaded (we'll set 'loaded' to true a couple lines further down)
                        $(this).append($('<div>Loading</div>').         // Append a placeholder in case the remote HTML takes its sweet time making it back
                            load('ajax.html .info', function() {        // Overwrite the "Loading" placeholder text with the remote HTML
                                $(this).parent().data('loaded', true);  // Set the 'loaded' var to true so we know not to re-load the HTML next time the #callback div animation ends
                            }));
                    }
                });
                // Orientation callback event
                $('body').bind('turn', function(e, data){
                    $('#orient').html('Orientation: ' + data.orientation);
                });
            });
        </script>

</head>
Ist eigentlich vom jqTouch Demo kopiert.

Dann meine Idee ist es dass ich nachdem ich ja die funktionierenden div Tabs durchlaufen habe schlussendlich zum div mit dem Formular gelange. Das sieht dann so aus:
Code:
<div id="admin" class="current">
            <div class="toolbar">
                <h1>smarte jobs für smarte leute</h1>
                <a class="button slideup" id="infoButton" href="#home">Home</a>
            </div>

            
            <form action="test.php" method="POST" class="form">
           
            <ul>
           <li>
           <select name="kaufm" id="kaufm">
			<option value="adminAll">Alle kaufmännische Stellen</option>
             <option value="admin">Administration/HR/Consulting/CEO</option>
              <option value="5" >CEO/Geschäftsführung</option>
              <option value="2" >Assistenz/Sekretariat/Empfang/Sachbearbeitung</option>
              <option value="8" >Personalwesen/‐entwicklung</option>        
            </select>
                    </li>
              <li>
<select name="region" id="region">
<option value="100">Ganze Schweiz</option>
<option value="2" />Rechtes Seeufer</option>
<option value="6" />Graub&uuml;nden</option>
<option value="5" />Zürich</option>
<option value="1" />Linkes Seeufer</option>
<option value="3" />Glarus</option>
<option value="4" />Zürich Oberland</option>
<option value="7" />Zentralschweiz</option>
<option value="8" />Kanton Zug</option>
<option value="9" />Ostschweiz</option>
<option value="10" />Deutschschweiz</option>
<option value="11" />Welschland / Französische Schweiz</option>
<option value="12" />Südschweiz / Italienische Schweiz</option>
</select>
              </li>   
              
                    <li><select name="anstellung" id="anstellung">
<option value="100">Alle Anstellungen</option>
<option value="temp" />Temporäre Anstellung</option>
<option value="try" />Try and Hire</option>
<option value="fest" />Feste Anstellung</option>
<option value="festTemp" />Fest und Temporäre Anstellung</option>

</select></li>
                  </ul>
            <a style="margin:0 10px;color:rgba(0,0,0,.9)" href="#" class="submit whiteButton">Suche starten</a>
        </form>                            
    
              </li>
            </ul>

            <div class="info">
                <p>Add this page to your home screen to view the custom icon, startup screen, and full screen mode.</p>
            </div>
        </div>
und mein php welches die Msql Abfrage macht sieht so aus.
PHP-Code:
//print table
echo "<span class='suche'>Ihre Suche ergab <span class='zahl'>$numrows</span> Treffer</span>";

echo "<ul class='paging'>";



while($row = mysql_fetch_array($resultOutput)) {

$id=($row['stelleID']);
$datumsanzeige=($row['stelleDatumsanzeige']);
$datum=(date("d.m.y", strtotime($row["stelleDatum"])));
$today = date("d.m.y");

if($datumsanzeige == "fake")
    {
    $datumDef = "$today";
    }
  else
    {
    $datumDef = "$datum";
    }

    
// Print out the contents of each row into a table
    echo "<li><span class='stellen'>";
    echo $row['stellePosition'];

    echo "</span>";
    echo "<br>";


$stelleIDDetail = $row['stelleID'];

    $text=strip_tags (html_entity_decode($row['stelleStellenbeschrieb']));
// 0,100 show 100 Zeichen
    echo substr($text,0,150);
    echo "... ";
    echo "<a href='#$stelleIDDetail'>|weiter > </a>";
    echo "</li>";
        echo "<div id='$stelleIDDetail'>Detail</div>"; 

    } 

    
echo "</ul>";

echo mysql_error();
mysql_close($con);



?> 

    </ul>
</div> 
Wie du siehst habe ich es etwas angepasst seit meinem letzten Post. Die Detail div habe ich nun nach jeder Auflistung gepostet. Doch nun ist diese immer sichtbar, doch eigentlich müsste jede div id unsichtbar sein bis diese mit # aufgerufen wird. Gibt es enventuell einen besseren Weg dies umzusetzen? Bin ich komplett auf dem falschen Dampfer?

Danke dass du versuchst mir zu helfen!
Rilana ist offline   Mit Zitat antworten
Alt 25.04.2011, 18:03  
Erfahrener Benutzer
 
Registriert seit: 28.05.2008
Beiträge: 2.094
PHP-Kenntnisse:
Fortgeschritten
rudygotya ist einfach richtig nettrudygotya ist einfach richtig nettrudygotya ist einfach richtig nettrudygotya ist einfach richtig nettrudygotya ist einfach richtig nett
Standard
Ich würde an deiner Stelle erstmal jQuery aktualisieren (das Projekt selbst schreibt von jQuery 1.4.2 als minimum req.)

Apple supported meta tags

Wenn ich dich richtig verstanden hab, ist also dein Problem, dass zu viele Inhalte sichtbar sind? Ich kenn von jQtouch nicht viel, notfalls versteck die Inhalte z.b. per css-Klasse. Ansonsten musst du dir die Doku genauer reinziehen.

Alternativ gäbs auch jQuery mobile.
__________________
++++ Wieder einer ins Netz gegangen: Phishers Fritz zufrieden ++++
Blog
rudygotya ist offline   Mit Zitat antworten
Antwort

« Ajax post | [Erledigt] document.write und jQuery Selector »

Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.
BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
[Mitmachquiz] Gästebuch mit beliebiger Datenbank Asipak Off-Topic Diskussionen 69 02.03.2011 11:03
[Erledigt] Datensatz von Datenbank A nach Datenbank B kopieren GruenerQuark Datenbanken 2 17.01.2011 17:19
Variablenname aus Datenbank auswerten Eratech PHP Tipps 2010 6 04.05.2010 18:09
Allgemein Werte in Datenbank updaten chunky PHP Tipps 2010 1 08.04.2010 22:35
Datenbank richtig aufgebaut? bageleudi Datenbanken 2 31.03.2010 21:01
Direkten Zugriff auf Datenbank verhindern heyho PHP Tipps 2008 7 07.02.2008 11:41
schribt nichts in die datenbank Cheesy92 PHP Tipps 2006 9 27.10.2006 14:03
String in Datenbank finden Pimbolie1979 Datenbanken 11 13.10.2006 15:37
Sql Datenbank durchsuchen und vergleichen Teambyte PHP Tipps 2006 5 14.09.2006 11:11
Wann Datenbank öffnen/schließen tayke PHP Tipps 2006 10 24.05.2006 17:29
Mehrere Anwendungen eine Datenbank... Datenbanken 5 15.08.2005 11:22
mysql datenbank anlegen...aber WIE??? Datenbanken 0 05.08.2005 19:33
[Erledigt] mysql datenbank anlegen...aber WIE??? PHP Tipps 2005-2 0 05.08.2005 19:33
Eintrag in Datenbank mittels Formular? Datenbanken 5 16.12.2004 17:36
INSERT in die Datenbank PHP Tipps 2004-2 4 13.12.2004 19:51

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
jqtouch, jqtouch php, jqtouch documentation, jqtouch tutorial, jqtouch doku, jqtouch formular, jq touch, jqtouch mysql, jqtouch database, jqtouch ajax, jqtouch datenbank, jqtouch and php, jqtouch tutorial deutsch, jqtouch form, jqtouch dokumentation, jq touch php, jqtouch neues fenster, jqtouch ajax php, jqtouch deutsch, jqtouch whitebutton href

Alle Zeitangaben in WEZ +2. Es ist jetzt 09:42 Uhr.

php.de - Das deutsche PHP-Forum - Kontakt - Impressum - Forenregeln - Archiv - Nach oben



Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum