Προς το περιεχόμενο

html ρολόι

vaiosgtr

Από τον vaiosgtr
στο Web Design - Development

 Share

Προτεινόμενες αναρτήσεις

vaiosgtr Mentor

vaiosgtr

Δημοσ.
Δημοσ. (επεξεργασμένο)

θελω να βαλω ενα ρολοι σε ενα εγγραφο html αλλα οχι με javascript. Να βασιζεται απο καπου αλλου στο internet

ειμαι και λιγο ψιλοασχετος ... οποτε καταρχας να ρωτησω και εαν γινεται και δευτερον παρακαλω πολυ οι οδηγιες να ειναι αναλυτικα

Επεξ/σία από vaiosgtr
TheELF Crazy Insomniac

TheELF

Δημοσ.
Δημοσ.

http://www.timeanddate.com/clocks/free.html

Στο τέλος του οδηγού σου βγάζει το htm κώδικα που απλά τον αντιγράφεις στο σημείο όπου θες να εμφανίζεται.

 

Εννοείτε ότι υπάρχουν και άλλες σελίδες....αν δεν σε βολεύει αυτή ψάξε στο google για html code time

vaiosgtr Mentor

vaiosgtr

Δημοσ.
  • Μέλος
Δημοσ. (επεξεργασμένο)

http://www.timeandda...locks/free.html

Στο τέλος του οδηγού σου βγάζει το htm κώδικα που απλά τον αντιγράφεις στο σημείο όπου θες να εμφανίζεται.

 

Εννοείτε ότι υπάρχουν και άλλες σελίδες....αν δεν σε βολεύει αυτή ψάξε στο google για html code time

αυτην ηταν και η πρωτη που επεσα και εγω. ωραια ειναι αλλα στο αποτελεσμα εχει συνδεσμο

ξερεις πως μπορω να αφαιρεσω τον συνδεσμο κρατωντας ομως εννοειται ολα τα αλλα?

για να καταλαβεις καλυτερα τι θελω να πω να ενα παραδειγμα --►████

Επεξ/σία από vaiosgtr
nkcc Proficient

nkcc

Δημοσ.
Δημοσ.

Τελικά βρήκες ρολόι χωρίς να έχει σύνδεσμο;

Αν ναι, κάντο post να το δουν και άλλοι.

 

Αν όχι, να προτείνω δύο μη κομψές λύσεις για να μη μπορείς να κάνεις click στο ρολόι που δημιουργείς από το http://www.timeanddate.com

 

Περισσότερο hacks θα τα έλεγα, αλλά δεν πειράζει.

Πού και πού χρειάζονται και αυτά. :-)

 

Η μία είναι με χρήση του pointer-events CSS Property.

Αλλά δεν παίζει σε όλους τους browsers.Δες εδώ για το πού υποστηρίζεται.

>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test Clock</title>
<style type="text/css">
 #clock {
	 pointer-events: none;
 }
</style>
</head>
<body>
<span>The time:</span>
<span id="clock">
 <iframe src="http://free.timeanddate.com/clock/i3eoj3ha/n26/tlgr17/th1" frameborder="0" width="58" height="20"></iframe>
</span>
</body>
</html>

 

H άλλη είναι με ένα transparent overlay πάνω από το ρολόι.

>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test Clock</title>
<style type="text/css">
 #clockoverlay {
	 width:58px;/*Set the same width as the iframe's width*/
	 height:20px;/*Set the same height as the iframe's height*/
	 z-index:666;
	 position:absolute;
	 display:inline-block;
	 opacity:.00;
	 filter: alpha(opacity=00);
	 background-color:white;
 }
</style>
</head>
<body>
<span>The time:</span>
<div id="clockoverlay"></div>
<iframe src="http://free.timeanddate.com/clock/i3eoj3ha/n26/tlgr17/th1" frameborder="0" width="58" height="20"></iframe>
</body>
</html>

 

Πιθανώς να υπάρχει και πιο απλό hack που δε μου έρχεται τώρα.

Αν δε μου ξεφεύγει κάτι και σου δουλεύει έχει καλώς.

 

Να ξεκαθαρίσω ότι δεν τα προτείνω σαν καθαρές λύσεις.

Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε

Πρέπει να είστε μέλος για να αφήσετε σχόλιο

Δημιουργία λογαριασμού

Εγγραφείτε με νέο λογαριασμό στην κοινότητα μας. Είναι πανεύκολο!

Δημιουργία νέου λογαριασμού

Σύνδεση

Έχετε ήδη λογαριασμό; Συνδεθείτε εδώ.

Συνδεθείτε τώρα
 Share
Προς την λίστα θεμάτων
  • Δημιουργία νέου...