2009-04-10 10 views
5

Wie funktioniert die DiggBar?Wie funktioniert die DiggBar?

Ich versuche, einen ASP.NET MVC DiggBar Klon nur für Lernzwecke zu machen und hat jemand einen Vorschlag, wie Sie die URL des Inhalts für den unteren Frame angeben? Wie würdest du das in MVC konstruieren?

Auch ich weiß, dass es ein iFrame ist, aber wie positionieren sie es so unabhängig von Scrollen bleibt es an der Spitze positioniert? Ist es CSS Magie?

alt text

Edit: Ich nicht interessiert bin, ob Sie sie mögen. Ich bringe keine in Produktion und ich frage nicht, ob sie ein gutes Design sind oder nicht. Ich will nur ~ einen machen.

Ich finde die DiggBar nützlich und ich mag es. Hölle, Sie können es in zwei Klicks ausschalten! Ähnlich hat Reddit einen Reddit-Balken, der Opt-In (wahrscheinlich besser Ansatz) ist.

+0

(als Kommentar hinzugefügt, statt einer Antwort.) Bitte, bitte * * keine DiggBar Klon machen. Frames sind eine Gräuel für das Web-Erlebnis. Sie werden am Ende viele Ihrer Endbenutzer verärgern. Hier ist ein Beispiel: http://daringfireball.net/2009/04/how_to_block_the_diggbar –

+1

das ist deine Meinung. Ich mag die Diggbar, ich denke, es ist großartig! Sie können es mit einem einzigen Klick schließen und erhalten Ihren vollständigen Link, wenn Sie möchten. Niemand fragte, wie man es blockieren könnte. – Fatal510

+0

In einem Tab lesen Sie einen Thread auf Reddit darüber, wie viele Menschen die DiggBar hassen. In der anderen sehen Sie Hardball. Also ... Da ist das. – Tyson

Antwort

6

Der Grund html ist:

<html> 
<head> 
    <style type="text/css"> 
    #toolbar {position: fixed; top: 0; height: 40px; width: 100%; ... } 
    #page {width: 100%; height: 100%;} 
    </style> 
</head> 
<div id="toolbar"> 
    All your toolbar stuff here. 
</div> 
<iframe id="page" name="page" src="http://url.to/page" frameborder="0" noresize="noresize"></iframe> 
</html> 

Sie würden eine Schnecke auf eigene URLs, die auf die URL der Seite abbildet, z.B.
d1oKo3 => http://news.bbc.co.uk/2/hi/technology/7991708.stm

Alle Ihre Ansicht tun müsste ist die Zuordnung nachzuschlagen und die URL der Seite setzen in die iframe ‚s src. Stellen Sie nur sicher, dass Benutzer die Möglichkeit haben, sich abzumelden, da manche Benutzer diese Art von Symbolleiste nicht mögen.

0

Erstens, bitte tun Sie so etwas nicht, ich kenne niemanden, der diese Dinge mag.

Etwas kann so an der Spitze gehalten werden, um die Verwendung von CSS:

position: fixed; 

Was die URL angeben, ich bin nicht sicher genau, was Sie fragen. Wenn Sie auf einen Link auf digg jetzt klicken, wird die Ziel-URL so etwas wie dieses:

http://digg.com/d1oIyx 

Die „d1oIyx“ würde nur als Primärschlüssel in einer Datenbank verwendet werden, wenn sie die URL sind die Speicherung zu ladende im unteren iframe.

+0

Ich meine, wie sie dynamisch den src des unteren iframe angeben. Ich weiß, wie sie ihre URL-Verkürzungen verwenden. – KingNestor

+0

Ich weiß nicht, was Sie fragen. Wenn Sie auf den Link in meiner Antwort klicken, wird auf die Seite "Eine externe Site laden" geklickt, die in der Datenbank nachschaut, welche URL mit "d1oIyx" verknüpft ist, und diese als iframe src festlegt. –

+0

Ich stimme Chad zu - Ich HASSE jetzt Digg, dass sie diese Digg Bar haben. Wenn ich eine Seite bei StumbleUpon, Reddit, Facebook usw. einreichen möchte, bedeutet das, dass ich die dumme Toolbar bei mir einreiche (oder den Link direkt aufrufen muss). –

2

Es könnte Ihrer Meinung nach eine schreckliche Plage auf dem Interweb sein, aber das war nicht das, was der Mann fragte - warum denken Sie, dass sich jemand darum kümmert, ob Sie denken, dass diese Toolbars da draußen existieren sollten oder nicht? niemand bittet dich, em zu benutzen.

Wenn Sie das Gefühl haben, dass sie nicht sollten dann einfach Hintern und lassen Sie jemand anderen die Frage beantworten. Schließlich, wenn sie wirklich so unpopulär sind, werden Leute mit ihren Mäusen abstimmen und anderswohin gehen und die Aufstellungsorte, die sie einsetzen, werden zu nichts schwinden. Das ist was ist so toll über das Internet, es braucht nicht impotente Geeks diktieren, was gut ist und was nicht Leute können für sich entscheiden.

Happy Coding Ihren Weg.