jquery filtern nach x

tetex

Hallo,

kann mir jemand helfen ?
Wie kann ich hier ein filter setzten
in der Zelle 1 stehen Wörter = Wie "T" oder KR
Wenn in der Zeile T steht soll farbig markiert werden

zusätzlich am besten KR komplett ausblenden
könnt ihr mir da helfen ?
würdem ich sehr freuen

mfg

<edit by Bandit>
Bitte veröffentliche hier keine Scripte, bei denen das Copyright nicht bei dir liegt.
Script entfernt!
</edit>

HTML

<script>          
 $(function() {                  
$.get('test.xls', function(data) {                          
 $('#TSVSource').html('<pre>' + data + '</pre>');                  });  
 
 $('#TSVTable').CSVToTable('wkx.xls', { loadingText: 'w...', loadingImage: 'images/loading.gif', startLine: 0, separator: ";" });                  
 </script>  


</head>
<body>


<div id="TSVTable"> 
</div>

Alles anzeigen

tetex

Ok Sorry.
Kann ich trotzdem eine Hilfe bekommen?
Ich möchte gerne eine csv Datei anzeigen und die dann dementsprechend Filtern.
Und das am besten mit JQUERY -kein PHP.

MfG

synaptic

contains-selektor
oder ganz normal über die search-funktion vopn javascript, da brauchste jQuery nicht für anstrengen

tetex

Wisst ihr ich hab das wichtigste vergessen wie lese ich eine csv Datei?
Mit Javascript habe ich noch Probleme.
mfg

synaptic

möchteste am liebsten noch dass ich dir die gesamte anwendung programmiere??

tetex

naja ist ok.

synaptic

was du probieren kannst ist die datei via jquery $.get zu holen und im success-callback den data-string zu parsen

tetex

Hi,

also das auslesen klappt.

Code

<script src="jquery-1.4.2.min.js"></script>
    <script>          


$.get("test.csv", function(data){
$('#CSV').html('<pre>' + data + '</pre>');                  });
    </script>

HTML

<div id="CSV" > 
</div>

So bekomme ich angezeigt, kann ich so verwenden?

synaptic

näh du musst in data ja noch deine strings finden die du einfärben willst..
dir fehlt der suchalgorithmus und die aktion bei erfolg

tetex

ich glaube ich muss mich vernünftig ran setzten.

Mit php bekomme ich das problemlos hin aber javascript ist nicht mein fall.
Vielen Dank

synaptic

wie sieht die struktur deiner csv denn aus?
ne echte csv? oder ne excel-csv? wieviele werte haste pro zeile?
welche davon willste hervorgehoben haben?

mach mal ne struktur frisch, ich schaus mir dann an und dann sag auch was du an welcher stelle wie markiert haben willst...

tetex

Hi,

finde ich ech nett von dir.
Also die Aufbau sieht folgendermaßen aus

Code

Projekt;"Kunde";"Auftrag";"Artikel";"CodeX";"Rez";"Anzahl";"Preis";"Datum";"Uhrzeit";"LVP"

und in der Spalte 1 (Projekt ) steht eigentlich immer 2 Werte Z oder WT.
Wenn WT beinhaltet soll WT hintergrundfarbe farbig dargestellt werden.
Zusätzlich soll alles was in der Spalte(LVP) mit J anf#ngt ausgeblendet werden also kompl. Zeile.

mfg

synaptic

häh? komplette zeile??? du meinst bestimmt die zelle, also nur das was in lvp steht in der einen zelle oder?

edit:

hier haste erstma det script zum erstellen deiner tabelle.
den rest gibbet, wenn du die frage hier oben beantwortet hast

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">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $.get("test.csv", function(data){
        data = data.split("\r");
        data.shift();
        var $ret = $('<table rules=all></table>');
        for(i=0; i<data.length; i++){
            var $row = $('<tr></tr>');
            $ret.append($row);
            var rowData = data[i].split(';');
            for(e in rowData){
                var parsed = rowData[e].replace(/"/g, '');
                var $cell = $row.append($('<td>'+ parsed +'</td>'));
            }
        }
        $('#csv').html($ret);                  
    });
});
</script>
</head>
<body></body>
</html>

Alles anzeigen

tetex

hi,

finde echt nett von dir.
also die Zeile soll dann ausgeblendet. Weisst du was ich meine?

mfg

synaptic

also du meinst tatsächlich die gesamte zeile... joa is machbar, aber schau doch mal, ob du es selber hinbekommst

tetex

Hallo,

ich sitze nun stundenlang aber bin kein schritt weiter gekommen ....
Ich denke du musst dich ein bissl gedulden
Javascript = verstehe nur Bahnhof

Code

var parsed = rowData[en].replace(/"/g, '').replace(/Z/g, '');

Das einzigste was ich versucht habe ist Buchstabe ersetzen

mfg

synaptic

die parsed-variable zieht da nur den text aus den gänsefüßchen raus.
jetzt musste n bissi geduld mitbringen, ich bin morgen den ganzen tag beschäftigt und kann nich sagen bis wann ich des machen kann.

edit:
hab den laptop ma mitgenommen.. als beifahrer hat man ja nich viel zu tun..

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">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $.get("test.csv", function(data){
        data = data.split("\r");
        data.shift();
        var $ret = $('<table rules=all></table>');
        for(j=0; j<data.length; j++){
            var $row = $('<tr></tr>');
            var rowData = data[j].split(';');
            for(i=0; i<rowData.length; i++){
                var parsed = rowData[i];
                var $cell;
                if(parsed.substring(0,1) == '"'){
                    if(parsed.substring(parsed.length-1,parsed.length) == '"'){
                        parsed = parsed.replace(/"/g, '');
                    }
                }
                if(i==0){
                    //erstes Feld zum Prüfen
                    if(parsed.match(/WT/i)){
                        //farbe setzen
                        $row.css('background-color', 'lime');
                    }
                }
                if(i==(rowData.length-1)){
                    //letztes Feld zum Prüfen
                    if(parsed.toLowerCase().substring(0,1) != 'j'){
                        //beginnt das letzte feld nicht mit j wird
                        $ret.append($row);
                    }
                }
                $cell = $row.append($('<td>'+ parsed +'</td>'));
            }
        }
        $('#csv').html($ret);                  
    });
});
</script>
</head>
<body></body>
</html>

Alles anzeigen

synaptic

ey kein plan was da los is, hab jetzt x mal des ding bearbeitet..
das div mit der id csv musste nachträglich in den body einfügen, irgendein scheiss fehler in der forensoftware parsed des aus meinem code raus..

tetex

Respekt,

Vielen Vielen Dank.
Darf ich dazu nun was fragen?

Was genau machen diese beide Befehle?
Ok, hab verstanden liest ab Zeile 0

Code

for(j=0; j<data.length; j++){

Code

for(i=0; i<rowData.length; i++){

Kann ich hier weitere Felder Prüfen lassen?

Code

[COLOR=#000080]if(i==(rowData.length-1)){                     //letztes Feld zum Prüfen                     if(parsed.toLowerCase().substring(0,1) != 'j'){                         //beginnt das letzte feld nicht mit j wird                         $ret.append($row);[/COLOR]

Also, wenn ich so weiter mache wirst mir böse werden
Du hast genug für mich gemacht.
Nun will ich das ganze auch verstehen.

Ab welcher Zeile muss ich ändern damit mir Titel/Überschrift/Header angezeigt wird?

Code

data.shift();

Wie kann ich weitere Felder ausblenden?

Also da du schon für mich genug gemacht hast will ich versuchen selbst lösen

synaptic

also wenn du php kannst wie du ja sagtest, sollte dir eine for-schleife geläufig sein.
data-shift blendet die erste zeile aus und holt lediglich die daten.
probier mal ne ecke rum und schau was wo passiert.
nutze alert(variablenname) und console.log(variablenname) damit du dir ausgeben lassen kannst, was da wo drin is.

du hast dort ne verschachtelte forschleife, weshalb die zähler verschieden sein müssen

in

rowData[i]

wirst du entsprechend ein feld haben, die äußere schleife läuft durch die zeilen

Tags