Beiträge von selection

Tag,

aus PHP kennt man den Sicherheitstoken z.b mit einer 16 stelligen Zufallszahl. Die wird als Session gespeichert und bei jedem POST überprüft ob der Token mit dem $_SESSION['token'] übereinstimmt. Wie mache ich das aber Via Javascript?

Nehmen wir mal an ich habe ein einfaches Script:

PHP:

data.php

<?php

$stmt = $pdo->prepare("INSERT INTO user (name) VALUES (:name);");
$stmt->BindParam(':name', $_POST['name']);
if(!$stmt->execute()) {
    print_r($stmt->errorInfo());
} else {
echo 'Name hinzugefügt';
}   
?>

index.php

<div id="output">

</div>

<form id="data-form">
    <p><input type="text" name="name"></p>
    <p><button type="submit" id="send"></p>
</form>

<script>
$('#data-form').submit(function(event) {
    event.preventDefault()
        $.ajax({
            type: 'POST',
               url: 'data.php',
               data: $(this).serialize(),
               success: function(data) {
                $('#output').html(data)
                }
        })
})
</script>

Wie kann ich hier z.b ein Token einfügen?

Zitat von Sempervivum

Verstehe nur Bahnhof: Ich sehe nur links dieses hellbaue Herz und ganz rechts dieses Anmerkungssymbol, was hier im Forum "Abo verwalten" ist.

Aber mal in's Blaue geraten: Meinst Du dies:

Code

        function show(e) {
            e.preventDefault()
            var value = $(this).val();
            alert(value);
        }

Und wenn Du HTML postest, solltest Du besser das generierte HTML posten, das die Quelltextansicht des Browsers anzeigt.

Danke dir. Das habe ich gebraucht (Y)

Tag,

weiß eventuell einer von euch wieso er mir die ganze Zeit die gleiche ID anzeigt wenn ich den Button klicke, wo ein Comment Icon ist. (Neben den Like Button)

Er zeigt mir immer die ID 656, obwohl die anderen Buttons die ID 655 oder 654 haben.

http://test.liscon.bplaced.net…safetyposts&thema=beichte

JS

<script>
            
            $(document).ready(function() {
            $('.comment_show').on('click', show)
            
            })
            
            
            function show(e) {
            e.preventDefault()

                var value = $('.comment_show').val();
                alert(value);
            }
            
            
            </script>

HTML

<button type="submit" name="show_comments" id="data_comment" class="comment_show" value="<?php echo $rowsafe['beichtid']; ?>"><?php echo $count_comments; ?> <i class="far fa-comment"></i></button>

Zitat von Sailor

Ich habe mal eine grundsätzliche Frage. Wie soll das Layout deiner Seite überhaupt sein?

Die Boxen untereinander? ... warum nutzt du dann 'flex-direction: row;'? .. warum dann überhaupt Flexbox -macht nach meiner Einschätzung die Sache nur unnötig kompliziert. Div's einfach sequentiell untereinander zu platzieren macht HTML eigentlich von ganz alleine.

Aber ist natürlich auch nicht falsch, wenn man es auf den komplizierten Weg macht ;)... dann aber bitte richtig!

Versuche mal folgendes in deinem CSS - zunächst mal zum Testen einfach nur ganz unten einfügen.

Code

main .post-list-item {
  display: flex;
  flex-direction: column;
}
main #all-post .flex-flex .main-flex {
  width: 100%;
}
main article div div section p.text-length {
  width: 99%;
}

Wenn das funktioniert, dann die entsprechenden Formatierungen im Stylesheet überarbeiten.

Als erstes wollte ich immer 3 Boxen nebeneinander. Deswegen habe ich es angewendet. Hab das jetzt voll vergessen zu ändern

Danke das du extra noch die Lösung reingeschrieben hast! (Y)

Zitat von basti1012

hatte langeweile und habe deine Seite Fehlerfrei gemacht.

Das problem ist ,um das richtig zumachen mußt du einiges ändern weil in <li> ist kein <div> erlaubt <articel> und <section> wollen ein h element haben laut Validator und noch andere sachen.

Deswegen sieht das nicht mehr so aus wie vorher.

Die boxen sind grösser wei sie h elemente haben und das menü ist auch leicht anders weil alle divs jetzt li sinds.

Aber das wahr auch nur provisorisch weil ich kucken wollte was passiert.

http://sebastian1012.bplaced.n…gert_sich_automatisch.php.

Die Boxen sind gleich gross wenn ich das zu deiner css hinzufüge.

Code

.post-list-item,.main-flex,.flex-flex,.top-flex{
width:60%;
}

hatte jetzt keine Lust die ganze css nach den vorhandenen Einträgen zu suchen .Brauchst ja dann nur die Vorhandenen ändern.

Der Validator hat jetzt keine Fehler mehr.

Vieleicht solltest du dir da mal was überlegen ,wie du es besser machen könntest

https://validator.w3.org/nu/?s…gert_sich_automatisch.php

Edit.

Das ist besser

Code

.post-list-item,.flex-flex{
width:60%;
}
.top-flex,.main-flex{
width:100%;
}
main article div div section p.text-length{
margin:0;
display:inline-block;
padding:0;
}

Alles anzeigen

Aber mußt du mal selber kucken .Ich hätte die css geschichte von anfang an anders gemacht.Aber jeder macht es anders.

Auf jeden fall solltest du bei den klassen kucken und da deine richtige einstellungen machen

Alles anzeigen

Danke dir für die Mühe. War auch dabei es zu beheben hab alle Erros bis auf 1-2 schon weg. Nur warnings sind da halt. Aber hat das schlimme Auswirkungen, wenn da kein H elemnt ist in den Sections?

Zitat von basti1012

stimmt . warum ist die jetzt leer ?? Gestern wahr sie noch voll ,aber hatte gestern keine Zeit mehr genauer zu kucken.

Zitat von Sailor

... hmmm... eine leere Seite! Damit kann man natürlich nichts anfangen.

Tut mir leid , müsste jetzt wieder gehen.

Zitat von basti1012

hast du das schon online?? weil das wäre einfacher ,weil man dann den html baum sehen kann .

notfalls setze

*{

border:1px solid red;

}

in der css

ein und du kannst dann vieleicht besser sehen welcher Container wo hin geht und wie gross er ist.

Ab und zu sieht man auch container die vorher nie da wahren,bzw vergessen hatte oder sonst was

Alles anzeigen

http://test.liscon.bplaced.net…afetyposts&thema=beichten

Nicht wundern warum soviele Fehlermeldungen vorhanden sind, ich habe nur paar Seiten in dem Webspace eingefügt.^^

Zitat von basti1012

hast du jetzt was geändert? Dann gib den Hauptcontainer doch ein kleineren width und nicht den wo das p drinne ist.

Ist das alles an html da oben ,oder sind um dein <p> noch mehrere elternelemente?

Habe ich auch versucht. Hab main-flex auf width:50%; gemacht und einmal p, beides getestet und beides funkt. nicht

€: basti:

füg das mal bei codebin ein:

HTML:

<div class="main">
<div class="flex">
<p class="p1">>ggdddddfffffddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddgg</p>
</div>

<div class="flex">
<p class="p2">ggdddddfffffdddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddgg</p>
<div>
  
  <div class="flex">
<p class="p3">
  ggdddddfffffddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddgg
  </p>
</div>
  </div>

CSS:

.main {
      display: flex;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    justify-content: space-around;
    flex-flow: row wrap;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    background: #eee;
}

.flex {
 flex-basis: 70%;
    flex-grow: 0;
    flex-shrink: 1;
    background: #fff;
    margin: 0 auto;
    margin-top: 2em;
    margin-bottom: 2em;
    text-align: center;
    vertical-align: top;
    padding-bottom: 2em;
    border: 1px solid #e5e5e5;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    background: #fff;
}

.p1{
  width:100%;
  border:1px solid red;
word-wrap: break-word;
}
.p2{
  width:100px;
  border:1px solid red;
word-wrap: break-word;
}

.p3{
  border:1px solid red;
word-wrap: break-word;
}

Zitat von basti1012

@selection was passiert den wenn der Text noch länger ist ? Wird der Container noch grösser oder bricht der Text mal irgendwann? Wahrscheinlich direkt am Monitor Rand

[Blockierte Grafik: http://i.epvpimg.com/9DhVeab.png]

Die Breite bleibt irgendwie gleich.

Zitat von Sailor

Überprüfe doch bitte, ob dein Selektor 'main #all-post .flex-flex .main-flex p' das richtige Element anspricht... denn eigentlich müsste das 'word-wrap:break-word;' für den Zeilenumbruch sorgen.

Ja der Selektor ist richtig. Habe ohne Flex box gearbeitet und es klappt bei einem anderen Skript. Wenn ich flex-box verwende geht es nicht. Liegt vllt auch nicht direkt an flex-box aber irgendwas läuft da schief.

Zitat von basti1012

was heißt auf einmal ?

Hast du irgendwas geändert auf der Seite?Irgendeine Bibiliothek oder sonst was mit eingebunden.

Ich glaube mich dran zu erinnern das dieses Script mal lief,richtig ?

Nein das passiert nur wenn der Text mit über z.b 100 Zeichen ist ohne das eine Leertaste betätigt wird.

hi,

weiß einer wieso meine Box aufeinmal eine längere Breite hat als die anderen?

Siehe Bild:

HTML

<section class="post-list-item">

<section class="main-flex">
<p class="text-length"><?php echo htmlspecialchars($rowsafe['text'], ENT_QUOTES, 'UTF-8'); ?></p>
</section>

</section>

CSS:

main .post-list-item {
    display:flex;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    justify-content: space-around;
    flex-flow: row wrap;
    margin:0 auto;
    text-align:center;
    width:100%;
    background:#eee;
}

main #all-post .flex-flex {
    flex-basis: 70%;
    flex-grow: 0;
    flex-shrink: 1;
    background: #fff;
    margin-top: 2em;
    margin-bottom: 2em;
    text-align: center;
    vertical-align: top;
    border:1px solid #e5e5e5;
    padding-left:12px;
    padding-right:12px;
    padding-bottom:12px;
    background:#fff;
}

main #all-post .flex-flex .main-flex p {
    font-family:'Roboto',sans-serif;
    font-weight:400;
    color:#444;
    word-wrap:break-word;
    text-align:justify;
}

Sorry das ich so spät schreibe, hatte probleme in RL<.<

Zitat von Jav

als Tipps:

- es muss ein GROUP BY geben

- es muss berücksichtigt werden, dass ein User keine Follower haben kann (Stw. OUTER JOIN)

Ausserdem ist (mir) nicht klar, was eigentlich ausgegeben werden soll:

A) Sortiere nach Anzahl der Follower, die in den letzten 7 Tagen gefolgt sind und zeige diese Anzahl an

B) Sortiere nach Anzahl aller Follower, aber zeige nur die Anzahl der Follower der letzten 7 Tage an

C) oder ?

Alles anzeigen

Anwort B

Zitat von cottton

COUNT(follow.id) verstehe ich nicht.

Was erwartest Du dort?

Im Test funktioniert das alles. (ohne count follow id)

Test: http://www.sqlfiddle.com/#!9/6cc584/1

BTW würde follow.follow_id umbenennen in follow.follow_user_id. Liest sich besser.

Alles anzeigen

Programmiere seit einem Jahr und hab noch nie was vom Foreign key gehört. Wozu dient das wenn ich Fragen darf?

Und ich verstehe nicht wieso das funktioniert. Ich meine du ordnest doch nur nach dem neusten Eintrag aber nicht wer am meisten Fans hat.

hallo,

ich habe ein Problem, unzwar selektiert er nicht nach den Follower meiner Fans. Was habe ich denn im Code falsch gemacht?

<?php
    if($myfans = $pdo->prepare("
    SELECT
    user.id,
    user.username,
    user.image,
    
    follow.id,
    follow.user_id,
    follow.follow_id,
    follow.date
    
    FROM follow
    
    LEFT JOIN user
    ON follow.user_id = user.id
    
    WHERE follow.follow_id = :user AND follow.date > DATE_SUB(CURDATE(), INTERVAL 7 DAY) ORDER BY COUNT(follow.id), follow.date DESC;")) {
    
    $myfans->BindParam(':user', $_SESSION['id']);
    
    if(!$myfans->execute()) {
        print_r($myfans->errorInfo());
    }
?>

Hab auch group user.id verwendet, jedoch ordnet er es immernoch nicht nach den meisten Fans, Wenn ich jetzt wie ich es oben mache ohne Group, dann zeigt er mir nur einen user an und nicht die anderen.

PS: Es kommt keine Fehlermeldung.

PSS:

follow.date > DATE_SUB(CURDATE(), INTERVAL 7 DAY)

Das ist halt nur dazu da, dass alle Fans angezeigt werden, die in den letzen 7 Tagen mir gefolgt haben.

Danke euch beiden!

Ist auf mein Localhost, habe den Text per Datenbank ausgeben.

Zitat von djheke

Hier mal eine Alternative. https://jsfiddle.net/fm92fLqa/1/

Kann man es auch so machen, dass nur die ersten beiden Wörter angezeigt werden?

hallo,

ich habe z.b 2 Texte wie diese hier:

MeinlangerText ist hier.

MeinLangerText

Mit overflow:hidden & text-overflow:ellipsis & width:50px sehen die Texte so aus:

Text 1: MeinlangerTe... ist hier

Text 2: MeinLangerTe...

Wie kann ich es machen, dass er trotz leerzeichen oder zeilenbrüche, wie beim zweiten Text macht?

Hallo,

kann man das mit PHP machen das, wenn ich auf die Seite User.php gehe eine Session Timer aufgerufen wird & sobald man die Seite user.php verlässt , dass der Time wieder auf 0 gestellt wird? Der Time soll aber aktiv bleiben, auch wenn user.php sich neu ladet. Falls ja, hättet ihr einen Link oder Tipp? Hab nichts anständiges gefunden, was mir weiter hilft.