Suche mit Bild

GH · 11. April 2010

Hi
aaa wusste nicht genau wie ich die Überschrift nennen sollte aber hier das meine ich!

auf meiner Webseite habe ich ein Suchfeld die suche dauert machnmal und da wollte ich dan eine ein gif bild eine fügen, d.h. solange das system noch sucht soll es ein animiertes GIF Bild zeigen

kan einer mir sagen wie ichdas auf meiner seite hinkrigen kann hab mich schon erkundigt und habe gelesen das das irgend wie mti JAVA geht oder so

Basi · 12. April 2010

Das geht mit JavaScript, Java und Flash.

Da musste einfach mal googeln...

Ich denke aber nicht das du viel Erfolg haben wirst.

R4Zz0R · 12. April 2010

Der admin meines gaming clan hatte mal eine art wartebalken programmiert (so weit ich weiß mit php aber da musst du zusätzliche module laden) wenn der in icq on kommt frag ich ihn mal dann sag ich dir was du machen musst eventuell auch mit beispielcode....

MFG

R4Zz0R

GH · 12. April 2010

hi danke würde mich freuen wenn du mir helfen könntest

R4Zz0R · 12. April 2010

ich versuchs xD nur leider ist der noch nicht online und google gab auch keine vernünftigen ergebnisse leider alles nur vb und C aber mal sehen was ich noch rausbekomme xD

Bis nachher

MFG

R4Zz0R

Basi · 12. April 2010

Ganz einfach, JavaScript,

ich schreib dir gern den Code wenn du möchtest, wenn man auf den Suche Button drückt wird der Platz des Formulars mit einem Ladebild ersetzt, total einfach. Ich schreib das schnell.

EDIT
Hier der Code:

HTML

<!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" xml:lang="de" lang="de">




<head>
    <title>Titel</title>




<script language="javascript" type="text/javascript">




  function change_form() {




    document.getElementById('formular').innerHTML='Hier das Bild rein.';




  }




</script>
</head>




<body>




  <div id="formular">
    <form action="#" method="post">
      <input type="text" />
      <input type="submit" value="Suche" onclick="change_form()" />
    </form>
  </div>




</body>
</html>

Alles anzeigen

R4Zz0R · 12. April 2010

@Basiii

Cool den hätte ich dann auch gerne xD
Kann ich für meinen upload gebrauchen xD

^ Übrigens könnte ich noch ein wenig hilfe gebrauchen für ein js das mir den inhalt (per iframe eingebunden) meines chatfensters ohne flackern vom meta refresh ausgeben kann eventuell eine idee ?

Schade das der admin meines gamin clans nicht früher aus der arbeit zurück ist...

THX & MFG

R4Zz0R

GH · 12. April 2010

cool Basiii

wäre nett doch würde sowas ähnliches haben nicht das das formular verschwinden sondern das suchfeld bleibt noch vllt neben dran oder genau auf dem suchfeld (ich meine das das suchfeld vllt im hintergrund bleibt und das loader.gif dann angezeigt wird bis die Suchergebnisse angezeigt werden).
oder wo anders könnte das gif bild sein aber das suchfeld sollte noch dableiben auf der webseite

wenn ich bisschen einiges komsich formuliert habe sorry :o sagt bescheid

UPDATE

oh du hast es ja schon gepostet aber wäre cool wenn du mir ein hinweis geben könntest wie ich das machne könnte was ich meine wenn du es verstanden hast

R4Zz0R · 12. April 2010

das kommt drauf an wie der code denn nun den ladebalken anzeigt.

(sry wenn hier jetzt was falsch is aber ich habs nich so mit js)

wenn es zb. per

getElementById

oder getElementByName //ka ob das stimmt :oops:

könnte man es sicher darüberlegen indem man dem element das vom js kommt via css die position des formulars gibt

könnt ich mir vorstellen....

*EDIT*

Uhhh ich bin blind, hab den code zu spät gesehen xD

R4Zz0R · 12. April 2010

öhhmmm

@Basiii

ich schätz das da nen <img> tag rein muss xD nachdem ich eben nur den dateinamen ausgegeben bekommen hab xD

Aber wie blenden wir das denn nun aus wenn die suche abgearbeitet ist ?

Basi · 12. April 2010

Zitat von "R4Zz0R"

öhhmmm

Aber wie blenden wir das denn nun aus wenn die suche abgearbeitet ist ?

Na dann ist doch ne neue Seite geladen

R4Zz0R · 12. April 2010

hmm ok das kommt auf die schreibweise drauf an ob man möchte das die seite neu geladen wird oder ob das anzeigen (aufgrund der menge oder ner langsamen verbindung) auf der selben seite angezeigt werden soll....

was wäre denn ne möglichkeit wenn man die ausgabeauf der selben seite realiesieren möchte ?

(eventuell onChange ?)

thx & mfg
R4Zz0R

Basi · 12. April 2010

Man kann mit JavaScript theoretisch alles ändern, nur halt lieber nicht mit

Code

getelementbyname

da

Code

getelementbyid

Halt mit IDs arbeitet, diese sind einzigartig, ein "name" könnte auf einer Seite theoretisch 3 mal vorkommen (Naja eigentlich nicht aber sicher ist sicher)

Ihr müsst euch nur leider grad mal klarer ausdrücken sorry

R4Zz0R · 12. April 2010

also ich zeig das mal anhand des beispiels upload auf.

Upload wird gestartet und datei wird hochgeladen.
Je nach größe dauert dies ja also möchte ich in der zeit in der der upload läuft den "ladebalken" anzeigen, wenn nun der upload fertig ist möchte ich das ohne das nachträgliche aktualiesieren der seite den ladebalken ausblenden.
Eventuell gibt es ja da eine möglichkeit wie man das machen kann.

Also das das script erkennt wann der upload fertig ist und der ladebalken ausgeblendet werden kann

maulepan · 12. April 2010

Also ich kann dir hier mal nen paar codeschnipsel zur verfügung stellen.

Code

$(document).ready(function(){
    $('#create_a_post').submit(function(){    //das #creat_a_post ist die id des formulares
        action = $(this).attr('action');
        $('#post_menue1').addClass('loading');      //das feld in der die suche ist bekommt die klasse loading, wo per css eine background-ladegrafik ist
        $.post(action,$("#create_a_post").serialize(),function(data){
                    hier kannst du nun die ausgabe deiner suche verarbeiten. Der request der variable liegt in der datei "data" vor	
	});
  return false;
    });




});

Alles anzeigen

R4Zz0R · 12. April 2010

ok und das nun bitte für einen js neewbie mit wenig erfahrung was grundfunktionen von js angeht... :lol: :lol: :lol:

einen teil kann ich verstehen, aber ab

Code

$.post(action,$("#create_a_post").serialize(),function(data){
                    hier kannst du nun die ausgabe deiner suche verarbeiten. Der request der variable liegt in der datei "data" vor   
   });
  return false;
    });




});

wirds dann schon schwerer da ich nicht wüste wie die datei zustande kommen soll.....

thx aber schonmal für die hilfe

maulepan · 12. April 2010

na im suche feld gibts du ja als method: post ein.
Und action (denke ich mal) search.php.

var data - ist dann ein string mit der ausgabe deiner search.php

PS: es wird keine neue seite geladen. alle änderungen werden per javascipt in der ursprünglichen seite eingetragen.

R4Zz0R · 12. April 2010

ok wenn dann var data - ein string mit der ausgabe deiner search.php ist

wie gebe ich den mit js aus ? is das wie bei nem merdimensionalen php array oder wie darf ich mir das vorstellen

maulepan · 12. April 2010

nö... is einfach nur nen string.
Den rest kannst du ja in deiner search.php berücksichtigen, so das sie ausgibt....

link1 | bild1
link2 | bild2
link3 | bild3

Dann kannst du per javascipt nen array draus machen.

oder du lässt die ausgabe komplett mit php generieren und gibts es nur aus...

$('#content').htm(data);

R4Zz0R · 12. April 2010

öhhhm ich fühl mich grad wie ein handy ohne netz.... null peilung grad wie du das m einst wie gesagt js is nich mein fall und combis aus php und js....
:shock: da blick ich garnet durch wenns dann mal komplizierter wird als mit php nen js ausgeben

Sry eventuell mal eine beispielausgabe wie es denn aussehen soll durcharbeiten das ich nen anfang finden kann wäre nett...

thx schonmal

Suche mit Bild

Jetzt mitmachen!

Teilen