kostenloser Webspace werbefrei: lima-city


Return bestimmten text mit JQuery

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    marvinkleinmusic

    Kostenloser Webspace von marvinkleinmusic

    marvinkleinmusic hat kostenlosen Webspace.

    Hallo Zusammen,

    Ich habe mir gestern eine Chatbox zusammen gebastelt und suche jetzt nach einer möglichkeit den text der abgeschickt wird zu überprüfen ob er ein / am anfang hat.

    Und wenn er eins hat soll überprüft werden ob dieser wert als eine Variabel gespeichert ist und dann in der Chatbox nur für den User ein Wert zurück geben.


    Kurz und knapp angenommen der user schickt /info ab soll er (nur er) in der chatbox angezeigt bekommen : "Chat Version 1.0"


    Hiereinmal der Code der die werte an die Datei weitergibt die die Nachrichten einträgt. Wie muss ich diese abändern das er mir bei bestimmten eingaben für die id chat_text_input einen bestimmten wert in der chatbox zurückgibt ohne etwas in die Datenbank einzutragen?

    /*
    Eintragen und laden von Nachrichten aus der Chatbox
    */
    $(document).ready(function() {
     $('#chat_text_senden').click(function() {
    	var chat_nick = $('#chat_nick_name').text();
    	var chat_text_input = $('#chat_text_input').val();
    	$.post('send_msg.php', {chat_nick:chat_nick,chat_text_input:chat_text_input}, function(data) {
    		
    		$('#chat_text_input').val(data);
    		$('#chat_reload').load("index.php #chat_reload");
    	
    		
       });
     });
    });


    LG und danke im vorraus! :)
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. http://jsfiddle.net/j7QN6/5/

    Beitrag zuletzt geändert: 23.7.2013 22:02:44 von fabo
  4. Autor dieses Themas

    marvinkleinmusic

    Kostenloser Webspace von marvinkleinmusic

    marvinkleinmusic hat kostenlosen Webspace.

    Hallo!

    Vielen dank!

    allerdings ist es nur fasst so wie es sein soll.
    Es soll nicht in einem alert ausgegeben werden sondern kursiv im chat erscheinen aber nur für den user der den command abgeschickt hat .

    LG
    Ansonstet top! :thumb::thumb:

    Beitrag zuletzt geändert: 23.7.2013 22:29:42 von marvinkleinmusic
  5. t**k

    marvinkleinmusic schrieb:
    Es soll nicht in einem alert ausgegeben werden sondern kursiv im chat erscheinen aber nur für den user der den command abgeschickt hat .


    Das wirst du doch wohl selbst hinbekommen...
  6. Autor dieses Themas

    marvinkleinmusic

    Kostenloser Webspace von marvinkleinmusic

    marvinkleinmusic hat kostenlosen Webspace.

    Absolut nicht ich kann zwar html,css,php aber javascript ist mir ein fremdwort :DD

    das hier hat schonmal nicht funktioniert :D

    if(command === 'changelog') {
                    return('#info commands are available.');
                }
  7. Das mit dem alert war ein Beispiel. Du selbst bist der Einzige, der weiß, wie der Text in den Chat kommt.

    $('#chat_reload').load("index.php #chat_reload");


    Die Zeile müsstest du mir aber erklären ^^

    Beitrag zuletzt geändert: 23.7.2013 23:46:08 von fabo
  8. Autor dieses Themas

    marvinkleinmusic

    Kostenloser Webspace von marvinkleinmusic

    marvinkleinmusic hat kostenlosen Webspace.

    Nach vermehrten googlen habe ich die Lösung dazu gefunden.

    Außerdem habe ich noch etwas den if Bedingungen angehängt , und zwar wird jetzt die value der textarea resettet.

    Hier einmal die Lösung:
    if(command === 'info') {
                    $("#info").html("<i>Chat Version 1.0</i>");
    				$("#chat_text_input").val("");
                }




    Doch jetzt kommt ein Problem das ich mehr als unlogisch finde und ich komme absolut nicht auf die Lösung.

    Und zwar gibt es dort noch 7 divkästen mit einer class die eine Hintergrundfarbe enthält.

    Ich versuche das jetzt schon seit mehreren Stunden zu lösen aber ich komme einfach nicht drauf warum das nicht geht.

    In den Javascript Dokument gibts eine function die beim klicken auf den div container die class abändern soll und den wert der backgroundfarbe in einer variabel speichern soll , sodass man in Farbe schreiben kann.

    Allerdings verändert sich weder das aussehen der DIV container noch wird etwas als variabel gespeichert und ich komme einfach nicht drauf wieso.

    Hier einmal das CSS , den Aufbau und den JS code.

    Wenn ihr mir dabei noch helfen könntet wäre alles super :thumb:
    CSS:
    /*farbe*/
    
    #color {
    width:170px;
    height:20px;
    position:relative;
    left:120px;
    bottom:20px;
    padding-top:4px;
    
    }
    .colorset {
    width:15px;
    height:15px;
    float:left;
    cursor:pointer;
    margin:0px 3px 0px 3px;
    }
    .red {
    background:red;
    }
    .blue {
    background:blue;
    }
    .lightblue {
    background:#21CEC8;
    }
    .darkred {
    background:#891719;
    }
    .black {
    background:black;
    }
    .green {
    background:green;
    }
    .purple {
    background:purple;
    }
    .orange {
    background:orange;
    }
    
    .cactive {
    width:13px;
    height:13px;
    }


    Aufbau:
    <div id="chat_nick">
    				<!-- Ausgabe des Nicknames --><p>Nickname:<span id="chat_nick_name"><? echo"$give"; ?></span>
    				<div id="color">
    				<div class='colorset black cactive'></div>
    				<div class="colorset blue"></div>
    				<div class="colorset lightblue"></div>
    				<div class="colorset green"></div>
    				<div class="colorset purple"></div>
    				<div class="colorset orange"></div>
    				<div class="colorset darkred"></div>
    				
    				</div>
    						
    						
    					
    				<?php if($admin_row->rechte == "Administrator"){echo"<span value='clear' id='clear'>Clear</span>";}?></p>
    	</div>


    JS:
    //Farbeinstellung
    var farbe;
    farbe = $(".cactive").css("backgroundColor");
    $(".colorset").click(function() {
    	farbe = $(this).css("backgroundColor");
    	$(".colorset").removeClass("cactive");
    	$(this).addClass("cactive");
    });


    LG

    Beitrag zuletzt geändert: 23.7.2013 23:53:33 von marvinkleinmusic
  9. Ohne mir das jetzt genau durchzulesen...

    .css("backgroundColor")


    Was das? Ich meine... Da gehört CSS-Code rein. Wenn du jedoch einem Element eine CSS-Klasse zuweisen willst, dann geht das mit

    .addClass('klassenname')


    Davon abgesehen... Du musst die gewählte Farbe auch in der DB speichern, da sonst nur der Chatter selbst diese sehen kann.
  10. Autor dieses Themas

    marvinkleinmusic

    Kostenloser Webspace von marvinkleinmusic

    marvinkleinmusic hat kostenlosen Webspace.

    Hallo!

    Das addclass stimmt soweit die classe heißt ja cactive.

    Zur Datenbank ja das weiß ich , diese Option ist schon verbaut doch allerdings nutzlos wenn kein wert in der variabel farbe gespeichert wird.
  11. Du hast mich falsch verstanden...

    http://jsfiddle.net/2aFP8/1/
  12. Autor dieses Themas

    marvinkleinmusic

    Kostenloser Webspace von marvinkleinmusic

    marvinkleinmusic hat kostenlosen Webspace.

    Das ist merkwürdig bei deinem Link geht es , aber im Chat nicht.

    Ich komme einfach nicht dahinter,

    der javascript code ist jetzt wie bei deinen link für die farbe.

    Aber kein plan wo dran es liegt das es nicht geht.

    Vielleicht fällt dir ja ein Fehler im Code auf?

    <?php session_start();
    include("connect/connection.php");
    include("login/autologin.php");
    $give = $_SESSION['siteLogin'];
    
    
    ?>
    <link rel="SHORTCUT ICON" href="images/faviconcmy.png" type="image/x-icon">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Community</title>
    <link rel="stylesheet" type="text/css" href="css/cmy.css"><link rel="stylesheet" type="text/css" href="css/ajax.css">
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script>
     <link rel="stylesheet" type="text/css" href="design.css" />
    		<script type="text/javascript" src="ajax.js"></script>
     <script type="text/javascript">
    $(document).ready(function(){
    $("#more").click(function(){
        $("#morefenster").slideToggle("slow");
      });
    });
    </script>
    <?php
    if(!isSet($_SESSION['siteLogin'])){
    echo"<meta http-equiv='refresh' content='0; URL=http://marvinkleinmusic.de/community/index.php'>";
    
    exit();
    }
    
    else
    { 
    ?>
    <div id="webseite">
    <div align="center" id="header">
    <img src="images/mpp.jpg" title="Magic Piano Community" alt="Magic Piano Community">
    </div>
    <div id="navigation">
    <table align="center" id="navigation_menu" border="1" cellpadding="0" cellspacing="0">
    <tr>         
    <td width="12.5%"><a href="home.php">Home</a></td>
    <td width="12.5%"><a href="profile.php?username=<? echo "$give"; ?>">Profile</a></td>
    <td width="12.5%"><a href="messages.php?action=show_messages">Messages</a></td>     
    <td width="12.5%" ><a href="settings.php">Settings</a></td>
    <td width="12.5%"><a href="userliste.php">Userliste</a></td>
    <td width="12.5%"><a href="gaestebuch.php">Wartung</a></td>
    <td width="12.5%"><a href="vorschlag.php">Wartung</a></td>
    <td width="12.5%"><a href="login/logout.php">Logout</a></td>
    </tr>
    </table>
    </div>
    <p align="right"><b>Magic Piano community recommends 50in 1 Piano.</b></p>
    <?php
    
    //Abfrage nach neuen Privaten Nachrichten
    
    $username = $_SESSION["siteLogin"]; 
    
    $abfrage = "SELECT * FROM users WHERE username = '$username'";
    $ergebnis = mysql_query($abfrage);
    $row = mysql_fetch_object($ergebnis);
    
    $muser_id = $row->id;
    
    $abfrage = "SELECT * FROM messages WHERE empfaenger_id = '$muser_id' AND gelesen= '0' LIMIT 1";
    $ergebnis = mysql_query($abfrage);
    $row = mysql_fetch_object($ergebnis);
    $menge = mysql_num_rows ($ergebnis); 
    
    $abfrage   = "SELECT * FROM messages WHERE empfaenger_id = '$muser_id' AND gelesen= '0'";
    $ergebnis  = mysql_query($abfrage); 
    $eintraege_anzahl = mysql_num_rows($ergebnis);
    
    $abfrage3 = "SELECT * FROM users WHERE id = '$row->absender_id'";
    $ergebnis3 = mysql_query($abfrage3);
    $row3 = mysql_fetch_object($ergebnis3);
    
    
    
    if($menge > 0){
    
    echo '
    <marquee scrolldelay="10" bgcolor="#67A5F4" scrollamount="3" onmouseover="this.stop()" onmouseout="this.start()"><a href="messages.php?action=show_messages"><font color="white"><b>Sie haben';echo" $eintraege_anzahl Neue Nachricht/en!</b></font></a></marquee><br>";
    
    }else{
    echo "";
    }
    
    //Ende der Abfrage nach neuen Privaten Nachrichten
    ?>
    <div id="kaesten">
    <div id="kasten1">
    <div class="youtubebox">
    
    <iframe allowtransparency="true" src="http://www.youtube.com/subscribe_widget?p=MarvinKleinMusic" style="overflow: hidden; height: 105px; width: 320px; border: 0; background:transparent;" scrolling="no" frameBorder="0"><!-- --></iframe>
    
    </div>
    </div>
    
    <div id="kasten2">
    
    <span class="boxheader"><i>News.</i></span>
    <hr class="spacer" />
    </div>
    
    <div id="kasten3">
    
    <span class="boxheader"><i>Navigation,Extern.</i> </span>
    <hr class="spacer" />
    <p align="center">
    <a href="#"><img height="48px;" width="48px;" src="images/rss.png"></a>
    
    <a href="http://www.youtube.com/user/MarvinKleinMusic?feature=mhee"><img src="images/youtube.png"></a>
    
    <a href="http://statigr.am/marvinkleinmusic"><img src="images/insta.png"></a>
    
    <a href="http://www.facebook.com/pages/MarvinKleinMusic/314553678561477"><img src="images/facebook.jpg"></a>
    </p>
    </div>
    
    
    </div>
    <link rel="stylesheet" type="text/css" href="css/home.css" />
    <div align="center" id="container">
    <FORM method="POST" action="send.php">
    <textarea name="status" cols="80" rows="5"></textarea>
    <br>
    <p align="center"><input type="submit" value="Submit" name="send"> <input type="reset" value="Reset" name="reset"> </p>
    </FORM>
    <br>
    <?php
    echo"
    <h1>Aktuelle Beiträge:</h1><br>";
    $abfrage = "SELECT * FROM posts ORDER BY id DESC";
    $ergebnis =mysql_query($abfrage);
    while($row=mysql_fetch_object($ergebnis))
    {
    $text=nl2br($row->post);
    $profil="SELECT * FROM users WHERE username='$row->username'";
    $profil_e=mysql_query($profil);
    $profil_row=mysql_fetch_object($profil_e);
    echo"
    <fieldset style='width:500px;';>
    <div class='post-complete'>	
    	<div class='post-timeline'>
    	
    		<div class='img-container'>
    			<img class='img-profile' src='";if($profil_row->profilbild == ""){echo"images/profile.png'";}echo"$profil_row->profilbild' alt='$row->username' title='$row->username' href='profile.php?username=$row->username' />
    		</div>
    	
    	<p align='left'><a href='profile.php?username=$row->username'>$row->username</a></p>
    	<div class='post-content'>
    	$text
    	</div>
    	</div>
    </div></fieldset><br /><br />";	
    
    
    }
    ?>	
    
    
    </div>
    
    <div id="footer">
    <br>
    <p align='center'>© 2011-2013 - MarvinKleinMusic & Master Technology</p>
    
    <p align="center"><i>Magic Piano is a registered trademark of <a href="http://smule.com/">Smule</a> , Inc. Used with permission.</i></p>
    </div>
    
    
    
    </div>
    
    <div id="morefenster">
    		
    		<noscript>
    			<h3>
    			Um den Chat nutzen zu können aktivieren Sie bitte JavaScript!
    			</h3>
    		</noscript>
    		<div id="main_chat">
    			
    			<?php
    			if(isset($_SESSION['siteLogin']))
    {
    $give=$_SESSION['siteLogin'];
    $q_admin=mysql_query("SELECT * FROM users WHERE username='$give'");
    $admin_row=mysql_fetch_object($q_admin);
    
    ?>
    	<link rel="stylesheet" type="text/css" href="chatbox/chatlayout.css" />
    	<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    	<script type="text/javascript" src="js_chat_text_eintragen.js"></script>
    	
    	<div id="chat_nick">
    				<!-- Ausgabe des Nicknames --><p>Nickname:<span id="chat_nick_name"><? echo"$give"; ?></span>
    				<div id="color">
    				<div class='colorset black cactive'></div>
    				<div class="colorset blue"></div>
    				<div class="colorset lightblue"></div>
    				<div class="colorset green"></div>
    				<div class="colorset purple"></div>
    				<div class="colorset orange"></div>
    				<div class="colorset darkred"></div>
    				
    				</div>
    						
    						
    					
    				<?php if($admin_row->rechte == "Administrator"){echo"<span value='clear' id='clear'>Clear</span>";}?></p>
    	</div>
    	
    	<div id="chat">
    		<span id="chat_reload">
    		<?php
    		$q_chat=mysql_query("SELECT * FROM msg ORDER BY datum ASC LIMIT 100");
    	    $num_chat=mysql_num_rows($q_chat);
    		
    		if($num_chat != 0)
    		{
    		while($row =mysql_fetch_object($q_chat))
    		{
    		$text=$row->msg;
    		$neuertext = wordwrap( $text, 20, "\n", true );
    		echo"<p align='left'>($row->datum)";if($admin_row->rechte == "Administrator"){echo"<font color='red'>$row->nick </font>";}else{echo"$row->nick";}echo" : $neuertext </p>";
    		
    		}
    		
    		}
    		else{
    		echo"<i>Es wurde noch keine Nachricht verschickt.</i>";
    		}
    		?>
    		</span>
    		<div id="info"></div>
    	</div>
    	<span id="count">
    <div id="chat_senden">
    		<div id="chat_senden_eingabe">
    		
    			<textarea maxlength="500" placeholder="Verfasse eine Nachricht..." id="chat_text_input"></textarea>
    		</div>
    	<div id="chat_senden_absenden">
    		<button type="submit" id="chat_text_senden">Senden</button>
    		
    	</div>
    </div>	
    <div id="areacount">500</div>
    </span>
    <?php
    }
    else{echo"";}
    ?>
    			</form>
    			</div>
    			
    			<div id="response"></div>
    		</p>
    	</div>
    	<div id="more">Chatbox</div>
    	
    <?php
    }
    ?>
  13. Bitte Link zum Chat... Und bitte achte bei PHP-Funktionen auf die korrekte Schreibweise (u.A. isset anstatt isSet).

    EDIT:

    1. Du hast JQuery 2x eingebunden
    2. Pack das Farbzeug in der .js mal in

    $(document).ready(function () {


    Beitrag zuletzt geändert: 24.7.2013 1:03:05 von fabo
  14. Autor dieses Themas

    marvinkleinmusic

    Kostenloser Webspace von marvinkleinmusic

    marvinkleinmusic hat kostenlosen Webspace.

    OHH das war es es lag außerhalb der document.ready :DDD


    Danke dir Fabo ;DDD :thumb::thumb::thumb::thumb::thumb:
  15. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!