Beiträge von davidos_no.1

davidos_no.1

Hallo, ich habe ein Problem. Und zwar stellt mein Browser (Google Chrome auf Mac) die Schrift Georgia immer ganz komisch dar (Bild ist im Anhang) - hat jemand eine Idee, wieso das so ist?

Vielen Dank und schöne Grüße!

davidos_no.1

Zitat von synaptic

Also beim hover musste auf jeden Fall im callback den ursprungszustand herstellen.
Ich würde dort vom geklickten a-Element angehen und die ul-siblings suchen und damit die aktion machen.

Was macht dein Script den bisher nicht?

Super - jetzt klappt's! Habe, wie von dir vorgeschlagen, den Callback mit eingebaut.

Code

<script type="text/javascript">
        $(document).ready(function(){
            $("ul li a.hover").hover(
            function(){
                $("ul li ul").show("slow");},
            function(){
                $("ul li ul").hide("hide");});
        });
    </script>

davidos_no.1

Hallo! Wie bereits in der Überschrift geschrieben, möchte ich gerne ein Element (wird per display:none; ausgeblendet) bei Moushover wieder anzeigen lassen. Ich habe mir bisher folgenden Code erarbeitet, allerdings funktioniert er nicht wie gewünscht. Findet jemand den Fehler und kann mir weiter helfen? Danke im Voraus!

Code

<script type="text/javascript">
        $("ul li a.hover").hover(function () { $("ul li ul").show("slow"); });
</script>

HTML

<ul id="navigation">
        <li>
            <a href="" title="" class="hover">farben</a>
            <ul style="display:none;">
                <li><a href="" title="">rot</a></li>
                <li><a href="" title="">gelb</a></li>
                <li><a href="" title="">grün</a></li>
                <li><a href="" title="">blau</a></li>
            </ul>
        </li>
        <li><a href="" title="">über uns</a></li>
        <li><a href="" title="">kontakt</a></li>
    </ul>

Alles anzeigen

davidos_no.1

Zitat von synaptic

naja du musst die relative zeit von der aktuellen zeit abziehen und dies dann ausgeben und ich muss bandit leider recht geben, denn ich sage was du zu tun hast und du machst es verkehrt herum.
grundlagen sollteste schon können wenn du sowas vor hast und wichtig is auch nen if vom else zu unterscheiden und zu wissen, dass nen return unweigelrich die funktion beendet

Ok. Steckt die Lösung nicht schon fast im unteren Code? Sorry, dass ich mich das erste Mal mit JS befasse und dementsprechend keine Ahnung davon habe. Habe sonst rein gar nichts damit am Hut - brauche es lediglich für das eine Script auf der Webseite. Seid bitte ein bisschen nachsichtiger mit mir.

Code

function relative_time(time_value) {
      var parsed_date = parse_date(time_value);
      var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
      var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
      var pluralize = function (singular, n) {
        return '' + n + ' ' + singular + (n == 1 ? '' : 's');
      };
      if(delta < 60) {
      return 'less than a minute ago';
      } else if(delta < (60*60)) {
      return 'about ' + pluralize("minute", parseInt(delta / 60)) + ' ago';
      } else if(delta < (24*60*60)) {
      return 'about ' + pluralize("hour", parseInt(delta / 3600)) + ' ago';
      } else {
      return 'about ' + pluralize("day", parseInt(delta / 86400)) + ' ago';
      }
    }

Alles anzeigen

davidos_no.1

Jetzt habe ich allerdings eine schreckliche Bemerkung gemacht - der Code gibt mir das jetzige Datum/Uhrzeit aus. Ich wolltes es allerdings so haben, dass immer das Datum/Zeit des Posts (das Script gibt eine Anzahl an Twitter-Postst aus) erscheint. Kann mir jemand einen Denkanstoß geben?

davidos_no.1

Zitat von synaptic

du schliesst nich den funktions-body und du musst das return nach dem if machen, sonst gibt dir des teil nur nen return-value wenn die minutes < 10 sind

Danke, das war hilfreich. Jetzt habe ich es hinbekommen!

Code

function fix_time() {
      var currentTime = new Date()
      var month = currentTime.getMonth() + 1
      var day = currentTime.getDate()
      var year = currentTime.getFullYear()

      var hours = currentTime.getHours()
      var minutes = currentTime.getMinutes()

      return day + "." + month + "." + year + " um " + hours + ":" + minutes;

      if (minutes < 10){ minutes = "0" + minutes }      
    }

Alles anzeigen

Zitat von bandit600

Ähm, ich habe von JavaScript eigentlich auch keine Ahnung, aber jetzt mal ehrlich: wie blind oder gedankenlos tippern manche Leute irgendwelchen Quellcode zusammen??? Das hat auch nix mit Können zu tun, das ist einfach ohne Sinn und Verstand zusammengeschraubt! Ob Programmieren das richtig Hobby ist, möchte ich in solchen Fällen stark bezweifeln.

Großartiger Beitrag!

davidos_no.1

Zitat von davidos_no.1

Super, vielen Dank! Das Einbinden der Uhrzeit sollteich jetzt auch noch hinkriegen.

Habe mich jetzt abgemüht es mit der Uhrzeit leider doch nicht alleine hinbekommen.

Code

function fix_time() {
      var currentTime = new Date()
      var month = currentTime.getMonth() + 1
      var day = currentTime.getDate()
      var year = currentTime.getFullYear()

      var hours = currentTime.getHours()
      var minutes = currentTime.getMinutes()
      if (minutes < 10){
      minutes = "0" + minutes

      return day + "." + month + "." + year + " um " + hours + ":" + minutes;
    }

Alles anzeigen

Was ist daran verkehrt?

davidos_no.1

Zitat von Pion

Code

function fix_time() {
      var currentTime = new Date()
      var month = currentTime.getMonth() + 1
      var day = currentTime.getDate()
      var year = currentTime.getFullYear()
     return month + "/" + day + "/" + year;
    }

So nun im var date einfach fix_time aufrufen

Super, vielen Dank! Das Einbinden der Uhrzeit sollteich jetzt auch noch hinkriegen.

davidos_no.1

Zitat von Pion

Achso ja du solltest in der neuen Funktion schon ein
return

verwenden wie in der alten

mfg

Ok. Einfach "return;" oder wie? Bin noch ganz am Anfang von JS...

davidos_no.1

Zitat von Pion

Was hat den nicht funktioniert, die Funktion die neue ist doch in ordnung und liefert die die aktuelle Zeit

Mir wurde dann auf der gesamten Seite nichts angezeigt, außer zwei mal das aktuelle Datum.
Den Code für relative_time habe ich natürlich gelöscht und in der Zeile relative_time durch fix_time ersetzt.

Code

var date = '<span class="tweet_time"><a href="http://twitter.com/'+from_user+'/statuses/'+item.id+'" title="view tweet on twitter">'+relative_time(item.created_at)+'</a></span>';

davidos_no.1

Hallo.
Ich habe ein JavaScript-Skript, das mir meine Twitter-Einträge auf meiner Homepage darstellt - bisher mit relativen Zeitangaben.

Code

function relative_time(time_value) {
      var parsed_date = parse_date(time_value);
      var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
      var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
      var pluralize = function (singular, n) {
        return '' + n + ' ' + singular + (n == 1 ? '' : 's');
      };
      if(delta < 60) {
      return 'less than a minute ago';
      } else if(delta < (60*60)) {
      return 'about ' + pluralize("minute", parseInt(delta / 60)) + ' ago';
      } else if(delta < (24*60*60)) {
      return 'about ' + pluralize("hour", parseInt(delta / 3600)) + ' ago';
      } else {
      return 'about ' + pluralize("day", parseInt(delta / 86400)) + ' ago';
      }
    }

Alles anzeigen

Jetzt möchte ich gerne, dass mir nicht die relative Zeit angezeigt wird, sondern einfach das feste Datum mit Uhrzeit. Dafür habe ich einfach den obigen Code ersetzt durch.

Code

function fix_time() {
      var currentTime = new Date()
      var month = currentTime.getMonth() + 1
      var day = currentTime.getDate()
      var year = currentTime.getFullYear()
      document.write(month + "/" + day + "/" + year)
    };

Das hat leider nicht funktioniert. Vielleicht kann mir jemand helfen - bin da nochnicht so drinne in der Thematik. Das komplette Skript ist noch mal am Ende aufgeführt (konnte es leider nicht als Anhang posten). Vielen Dank!

Code

(function($) {
 
  $.fn.tweet = function(o){
    var s = {
      username: ['seaofclouds'],              // [string]   required, unless you want to display our tweets. :) it can be an array, just do ['username1','username2','etc']
      list: null,                              //[string]   optional name of list belonging to username
      avatar_size: null,                      // [integer]  height and width of avatar if displayed (48px max)
      count: 3,                               // [integer]  how many tweets to display?
      intro_text: null,                       // [string]   do you want text BEFORE your your tweets?
      outro_text: null,                       // [string]   do you want text AFTER your tweets?
      join_text:  null,                       // [string]   optional text in between date and tweet, try setting to "auto"
      auto_join_text_default: "i said,",      // [string]   auto text for non verb: "i said" bullocks
      auto_join_text_ed: "i",                 // [string]   auto text for past tense: "i" surfed
      auto_join_text_ing: "i am",             // [string]   auto tense for present tense: "i was" surfing
      auto_join_text_reply: "i replied to",   // [string]   auto tense for replies: "i replied to" @someone "with"
      auto_join_text_url: "i was looking at", // [string]   auto tense for urls: "i was looking at" http:...
      loading_text: null,                     // [string]   optional loading text, displayed while tweets load
      query: null                             // [string]   optional search query
    };

    if(o) $.extend(s, o);

    $.fn.extend({
      linkUrl: function() {
        var returning = [];
        var regexp = /((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi;
        this.each(function() {
          returning.push(this.replace(regexp,"<a href=\"$1\">$1</a>"));
        });
        return $(returning);
      },
      linkUser: function() {
        var returning = [];
        var regexp = /[\@]+([A-Za-z0-9-_]+)/gi;
        this.each(function() {
          returning.push(this.replace(regexp,"<a href=\"http://twitter.com/$1\">@$1</a>"));
        });
        return $(returning);
      },
      linkHash: function() {
        var returning = [];
        var regexp = /(?:^| )[\#]+([A-Za-z0-9-_]+)/gi;
        this.each(function() {
          returning.push(this.replace(regexp, ' <a href="http://search.twitter.com/search?q=&tag=$1&lang=all&from='+s.username.join("%2BOR%2B")+'">#$1</a>'));
        });
        return $(returning);
      },
      capAwesome: function() {
        var returning = [];
        this.each(function() {
          returning.push(this.replace(/\b(awesome)\b/gi, '<span class="awesome">$1</span>'));
        });
        return $(returning);
      },
      capEpic: function() {
        var returning = [];
        this.each(function() {
          returning.push(this.replace(/\b(epic)\b/gi, '<span class="epic">$1</span>'));
        });
        return $(returning);
      },
      makeHeart: function() {
        var returning = [];
        this.each(function() {
          returning.push(this.replace(/(&lt;)+[3]/gi, "<tt class='heart'>&#x2665;</tt>"));
        });
        return $(returning);
      }
    });


    function parse_date(date_str) {
      // The non-search twitter APIs return inconsistently-formatted dates, which Date.parse
      // cannot handle in IE. We therefore perform the following transformation:
      // "Wed Apr 29 08:53:31 +0000 2009" => "Wed, Apr 29 2009 08:53:31 +0000"
      return Date.parse(date_str.replace(/^([a-z]{3})( [a-z]{3} \d\d?)(.*)( \d{4})$/i, '$1,$2$4$3'));
    }


    function relative_time(time_value) {
      var parsed_date = parse_date(time_value);
      var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
      var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);
      var pluralize = function (singular, n) {
        return '' + n + ' ' + singular + (n == 1 ? '' : 's');
      };
      if(delta < 60) {
      return 'less than a minute ago';
      } else if(delta < (60*60)) {
      return 'about ' + pluralize("minute", parseInt(delta / 60)) + ' ago';
      } else if(delta < (24*60*60)) {
      return 'about ' + pluralize("hour", parseInt(delta / 3600)) + ' ago';
      } else {
      return 'about ' + pluralize("day", parseInt(delta / 86400)) + ' ago';
      }
    }


    function build_url() {
      var proto = ('https:' == document.location.protocol ? 'https:' : 'http:');
      if (s.list) {
        return proto+"//api.twitter.com/1/"+s.username[0]+"/lists/"+s.list+"/statuses.json?per_page="+s.count+"&callback=?";
      } else if (s.query == null && s.username.length == 1) {
        return proto+'//api.twitter.com/1/statuses/user_timeline.json?screen_name='+s.username[0]+'&count='+s.count+'&callback=?';
      } else {
        var query = (s.query || 'from:'+s.username.join(' OR from:'));
        return proto+'//search.twitter.com/search.json?&q='+escape(query)+'&rpp='+s.count+'&callback=?';
      }
    }


    return this.each(function(i, widget){
      var list = $('<ul class="tweet_list">').appendTo(widget);
      var intro = '<p class="tweet_intro">'+s.intro_text+'</p>';
      var outro = '<p class="tweet_outro">'+s.outro_text+'</p>';
      var loading = $('<p class="loading">'+s.loading_text+'</p>');


      if(typeof(s.username) == "string"){
        s.username = [s.username];
      }


      if (s.loading_text) $(widget).append(loading);
      $.getJSON(build_url(), function(data){
        if (s.loading_text) loading.remove();
        if (s.intro_text) list.before(intro);
        var tweets = (data.results || data);
        $.each(tweets, function(i,item){
          // auto join text based on verb tense and content
          if (s.join_text == "auto") {
            if (item.text.match(/^(@([A-Za-z0-9-_]+)) .*/i)) {
              var join_text = s.auto_join_text_reply;
            } else if (item.text.match(/(^\w+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&\?\/.=]+) .*/i)) {
              var join_text = s.auto_join_text_url;
            } else if (item.text.match(/^((\w+ed)|just) .*/im)) {
              var join_text = s.auto_join_text_ed;
            } else if (item.text.match(/^(\w*ing) .*/i)) {
              var join_text = s.auto_join_text_ing;
            } else {
              var join_text = s.auto_join_text_default;
            }
          } else {
            var join_text = s.join_text;
          };


          var from_user = item.from_user || item.user.screen_name;
          var profile_image_url = item.profile_image_url || item.user.profile_image_url;
          var join_template = '<span class="tweet_join"> '+join_text+' </span>';
          var join = ((s.join_text) ? join_template : ' ');
          var avatar_template = '<a class="tweet_avatar" href="http://twitter.com/'+from_user+'"><img src="'+profile_image_url+'" height="'+s.avatar_size+'" width="'+s.avatar_size+'" alt="'+from_user+'\'s avatar" title="'+from_user+'\'s avatar" border="0"/></a>';
          var avatar = (s.avatar_size ? avatar_template : '');
          var date = '<span class="tweet_time"><a href="http://twitter.com/'+from_user+'/statuses/'+item.id+'" title="view tweet on twitter">'+relative_time(item.created_at)+'</a></span>';
          var text = '<span class="tweet_text">' +$([item.text]).linkUrl().linkUser().linkHash().makeHeart().capAwesome().capEpic()[0]+ '</span>';


          // until we create a template option, arrange the items below to alter a tweet's display.
          list.append('<li>' + avatar + date + join + text + '</li>');


          list.children('li:first').addClass('tweet_first');
          list.children('li:odd').addClass('tweet_even');
          list.children('li:even').addClass('tweet_odd');
        });
        if (s.outro_text) list.after(outro);
        $(widget).trigger("loaded").trigger((tweets.length == 0 ? "empty" : "full"));
      });


    });
  };
})(jQuery);

Alles anzeigen

davidos_no.1

Zitat von synaptic

ja das is der focus vom browser.. könntest höchstens mit js versuchen des zu deaktivieren...
probier mal im bild onfocus="this.blur();"

ansonsten wüsst ich nich wie du des vermeiden könntest

Danke, das hat geklappt.

davidos_no.1

Ich habe eine Grafik als Verweis. Diese Grafik bekommt immer einen gepunkteten Rand beim draufklicken, das möchte ich gerne unterbinden. Hab folgendes versucht, aber das hilft leider nix...

Code

<a href="http://www.youtube.com/watch?v=uhi5x7V3WXE" rel="vidbox 640 360" title="Titel"><img src="video-thumb/video-thumb-1.jpg" width="300" height="225" /></a>

Code

a img { border: 0 none; }

davidos_no.1

Zitat von Billbos

Hast du den passenden Link dazu, damit man sich das anschauen kann?

Hab es eben selber hinbekommen! Hab die Div-Container einfach in das Listenelement gesetzt.

davidos_no.1

Ich möchte gerne jedes einzelne meiner Kommentare in einer Box mit runden Ecken darstellen. Leider schaffe ich es nicht, die Listen richtig ineinander zu verschachteln. Ich habe es lediglich hinbekommen, dass alle Kommentare in einer Box mit runden Ecken angezeigt werden. Ich hoffe, mir kann jemand helfen.

Code

div#main div.big-box-top { width: 640px; height: auto; background: url(img/big-top.png) top no-repeat #ffffff; margin-bottom: 20px; padding-top: 10px; }
div#main div.big-box-bottom { width: 640px; height: auto; background: url(img/big-bottom.png) bottom no-repeat; padding-bottom: 10px; }
div#comment ol { margin: 0 10px; padding: 0; list-style: none; }

PHP

<div class="big-box-top">
		<div class="big-box-bottom">
			<?php $comments = array_reverse($comments, true); ?>
			<ol>
				<?php foreach ($comments as $comment) : ?>
				<li <?php echo $oddcomment; ?>id="comment-<?php comment_ID() ?>">
				<u><strong><?php comment_author_link() ?></strong> - <?php comment_date('j. F Y') ?></u>
				<?php comment_text() ?>
				</li>
				<?php endforeach; /* end for each comment */ ?>
			</ol>
		</div>
	</div>

Alles anzeigen

davidos_no.1

Ich habe einen Webspace bei 1&1. Zur Zeit ist eine Webseite mit dem Joomla-CMS auf einer Domain "installiert". Nun möchte ich gerne eine komplett neue Webseite mit Wordpress-CMS auf dem gleichen Webspace installieren. Geht das ohne Probleme? Installiere ich die neue Webseite einfach in einem Unterordner?

davidos_no.1

Ich habe hier eine PHP Anweisung

PHP

<a href="<?php echo get_settings('home'); ?>/mediathek">
<?php  
    $count_posts = wp_count_posts();  
    echo ('Alle Sportarten (' . $published_posts = $count_posts->publish) .')';  
?></a>

Bisher wird die gesamte Ausgabe von "echo" ja als Link dargestellt. Ich möchte aber gerne, dass nur "Alle Sportarten" als Link dargestellt wird. Hab schon herum versucht, aber immer eine Fehlermeldung bekommen. Vielleicht kann mir ja jemand weiter helfen.

davidos_no.1

Zitat von Macrosdesign

...
Warum nur XHTML 1.0 tran und nicht gleich XHTML 1.1 ?

Mit dem Doctype kenne ich mich leider nicht wirklich aus! Was ist der Unterschied zwischen den beiden? Wie wirkt sich das aus? Die restlichen Kritikpunkte werde ich bei Gegebenheit mal überarbeiten - vielen Dank!

davidos_no.1

Erstmal vielen Dank! Das Design steht soweit und soll auch nicht mehr großartig verändert werden. Ist gewünscht "minimal" und "clean" gehalten - die Farben sollen das unterstützen. Mir geht es mehr um Suchmaschinenoptimierung und Browserkompilität.

Hab jetzt folgendes gemacht:
- Linkanweisung für den Favicon entfernt
- Keywords verkürzt
- Links mit Ankerpunkten von der Startseite zu den Wohnungen
- img { border: 0; }

Ich habe die Seite schon bei Google gelistet, allerdings scheint das ja nicht so viel gebracht zu haben. Eine robots.txt habe ich nicht erstellt - habe gelesen, dass mir das im Ranking nichts bringt und verbieten will ich auch nichts. Weitere Ideen, Vorschläge oder Tipps?

davidos_no.1

url: ferienwohnung-online-berlin.de
ziel: bewertung + optimierungsvorschläge (browserkompatibilität, suchmaschinenranking, etc.)

ich freue mich auf eure antworten, vielen dank!

p.s.: die kategorie "informationen" wird noch erweitert.

Beiträge von davidos_no.1

Problem bei der Darstellung von Headlines im Browser

Jquery: Bei Moushover Element anzeigen lassen

Jquery: Bei Moushover Element anzeigen lassen

Realtive und absolute Zeitangabe

Realtive und absolute Zeitangabe

Realtive und absolute Zeitangabe

Realtive und absolute Zeitangabe

Realtive und absolute Zeitangabe

Realtive und absolute Zeitangabe

Realtive und absolute Zeitangabe

Realtive und absolute Zeitangabe

IMG ohne Border

IMG ohne Border

Liste verschachteln für abgerundete Ecken

Liste verschachteln für abgerundete Ecken

2 Webseiten - 1 Webspace

Link innerhalb vom PHP Code

ferienwohnung-online-berlin.de - optimierung

ferienwohnung-online-berlin.de - optimierung

ferienwohnung-online-berlin.de - optimierung