ilch Forum » Allgemein » Plauder Ecke » Progressbar mit Regler

Geschlossen
  1. #1
    User Pic
    Ahrtas Moderator
    Registriert seit
    17.12.2007
    Beiträge
    2.368
    Beitragswertungen
    210 Beitragspunkte
    Ich habe über Google nach "jquery progressbar" gesucht, sind auch gute Ergebnisse dabei nur sind diese alle statisch.

    Ich suche quasi eine Progressbar wo man per Maus(klick) verstellen kann, sprich den Status von 0 auf 50 oder von 50 auf 0 zurück setzen kann.

    Das ganze brauche ich für ein Modul wo man über ein Formular den gewünschten Status einstellen und speichern kann.


    Kennt jemand so ein dynamisches Script?

    betroffene Homepage: www.cristiang.de
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Revolution Hall Of Fame
    Registriert seit
    14.08.2006
    Beiträge
    1.688
    Beitragswertungen
    109 Beitragspunkte
    Meinst du einen jQuery Slider?
    jqueryui.com/slider/#default

    Klick dich mal rechts durch das Menü lachen
    Kreativ, modern, Conversion und Usability optimiert
    individuelles Webdesign für ein optimales Erscheinungsbild
    404studios
    1 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Ahrtas Moderator
    Registriert seit
    17.12.2007
    Beiträge
    2.368
    Beitragswertungen
    210 Beitragspunkte
    Vielen Dank! Yeslächeln

    Genau sowas hab ich gesucht, der "Snap to increment" triffts voll auf den Punkt. lachen
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    zillo gelöschter User
    so da es hier um Slider geht kann ich doch bestimmt hier fragen habe ein slider weis aber nicht wo ich es speichern kann das es geht

    in der php datei steht:

    <?php
    
    $slides = file('demo/db/slider.db.txt');
    $products='';
    
    foreach($slides as $v)
    {
    	$data = preg_split('/\s*\|\s*/',$v);
    	
    	$products.='
    	
    	<div class="product">
    	<div class="pic"><img src="'.$data[3].'" width="128" height="128" alt="'.htmlspecialchars($data[0]).'" /></div>
    	<div class="title">'.$data[0].'</div>
    	<div class="description">'.$data[1].'</div>
    	
    	<div class="link"><a href="'.$data[4].'" target="blank">weiterlesen</a></div>
    	<div class="clear"></div>
    	</div>
    	
    	';
    }
    
    ?>


    wo mus ich es speichern das da wo .$data[0]. die daten gezeigt werden?

    vorschau auf : http://my-app-store.cwsurf.de/demo/demo.php
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    zillo gelöschter User
    sorry hier nachmal der ganze Code:

    demo.php

    http://my-app-store.cwsurf.de/demo/demo.htm
    
    
    <?php
    
    $slides = file('demo/db/slider.db.txt');
    $products='';
    
    foreach($slides as $v)
    {
    	$data = preg_split('/\s*\|\s*/',$v);
    	
    	$products.='
    	
    	<div class="product">
    	<div class="pic"><img src="'.$data[3].'" width="128" height="128" alt="'.htmlspecialchars($data[0]).'" /></div>
    	<div class="title">'.$data[0].'</div>
    	<div class="description">'.$data[1].'</div>
    	
    	<div class="link"><a href="'.$data[4].'" target="blank">weiterlesen</a></div>
    	<div class="clear"></div>
    	</div>
    	
    	';
    }
    
    ?>
    
    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Slick Content Slider | Tutorialzine demo</title>
    <link rel="stylesheet" type="text/css" href="http://my-app-store.cwsurf.de/demo/demo.css" />
    <?=$css?>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
    <script type="text/javascript" src="http://my-app-store.cwsurf.de/demo/pngFix/jquery.pngFix.js"></script>
    <script type="text/javascript" src="http://my-app-store.cwsurf.de/demo/mopSlider/mopSlider-2.4.js"></script>
    <script type="text/javascript" src="http://my-app-store.cwsurf.de/demo/script.js"></script>
    </head>
    <body>
    <div id="main">
    <div class="container">
    <div id="slider"><?=$products?></div>
    <div class="clear"></div>
    </div></div>
    </body>
    </html>
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    zillo gelöschter User
    hier kannst du es auch downloaden und ausprobieren:

    http://my-app-store.cwsurf.de/demo/demo.htm
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    du musst das ganze erstmal an ilch anpassen bevor du es richtig nutzen kannst.
    in deinem code sind die news in einer text-file hinterlegt wenn ich das jetzt auf die schnelle richtig gesehn hab. bei ilch werden diese aber in der datenbank gespeichert, also musst du diese erstmal auslesen...
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    zillo gelöschter User
    es sollen ja nicht alles news so laufen sondern nur 6 stück die ich selber da reinstelle

    hier meine SQL für den slider: slider.db.txt

    Dell Vostro A860			| A great laptop for the business person.	| 500 	| img/content/1.png	| http://dell.com/
    Sony Vaio VGN-FW31J			| A real on the road cinema.				| 640	| img/content/2.png	| http://sony.com/
    Lenovo 3000 N200			| Budget means quality.						| 421	| img/content/3.png	| http://lenovo.com/
    Acer Aspire 5738G			| A notebook for the true gamers.			| 553	| img/content/4.png	| http://acer.com/
    MacBook Air					| A special college edition notebook.		| 710	| img/content/5.png | http://apple.com/
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    zillo gelöschter User
    und so geht die tabelle:

    .$data[3]. | .$data[0]. | .$data[1]. | .$data[4].
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    Alles viel zu kompliziert frech

    Neue Spalte in der db anlegen, im backend bei News einbauen das man die auswählen kann die man im Slider drin haben möchte und fertig somit hat man das alles auf einer Seite und variabel

    Dann nur die auslesen die markiert wurden evtl noch Limit 6 oder so


    Zuletzt modifiziert von Siggi am 25.09.2013 - 21:20:19
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    ja genau so wie siggi es sagt würde ich es auch empfehlen vielleich noch eine zweite spalte die dir eine sortierung der slider elemente ermöglich oder so
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Plauder Ecke

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten