scripts...

Ερωτήσεις και απαντήσεις σχετικές με την HTML, XHTML και την κατασκευή σελίδων για το Web.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
crazymitch
Δημοσιεύσεις: 31
Εγγραφή: 26 Ιαν 2004 13:31

scripts...

Δημοσίευση από crazymitch » 14 Φεβ 2004 01:39

Καλησπερα..
Αλλη μια απορια ,εχω 2scripts... πως μπορω να τα χρησιμοποιησω και τα 2 ταυτοχρονα?
το ενα ειναι για ημερομινια και το αλλο για τον δεικτη του ποντικιου...

Άβαταρ μέλους
EneMe
Super Moderator
Δημοσιεύσεις: 13307
Εγγραφή: 09 Ιούλ 2002 13:29
Τοποθεσία: Στο κέντρο της Ελλάδας!
Επικοινωνία:

scripts...

Δημοσίευση από EneMe » 14 Φεβ 2004 01:45

Javascripts να υποθέσω...

Είναι ανεξάρτητα, δεν βλέπω πρόβλημα!

Βάλε το script της ημερομηνίας εκεί που θέλεις να εμφανίζεται η ημερομηνία.
Το script του ποντικιού μπορείς να το βάλεις αμέσως μετά το <BODY>.

Aπλά πρόσεξε μήπως κάποιο από τα δύο scripts που έχεις, προϋποθέτει (oλόκληρο ή μέρος αυτού) να μπει μέσα στο <head> </head>.

crazymitch
Δημοσιεύσεις: 31
Εγγραφή: 26 Ιαν 2004 13:31

scripts...

Δημοσίευση από crazymitch » 15 Φεβ 2004 14:56

Καλημερα EneMe
Δυστηχως μερος του ενος εισαγεται στο head και το υπολοιπο στο body..
Τι πρεπει να κανω???
Μηπως σου ερχεται καμια ιδεα.. :roll:
Αλλιως θα βαλω την ημερομινια στην πρωτη και στις υπολοιπες το animation του cursor....
Thanks...

Άβαταρ μέλους
greekbytes
WebDev Moderator
Δημοσιεύσεις: 2438
Εγγραφή: 15 Νοέμ 2002 15:42
Τοποθεσία: Αθήνα
Επικοινωνία:

scripts...

Δημοσίευση από greekbytes » 15 Φεβ 2004 15:03

Mπορείς να τα βάλεις στο head και τα 2 προφανώς. O ΕneMe σου είπε απλά να προσέξεις μην τα βάλεις σε λάθος σημείο..

Άβαταρ μέλους
Legend_fe
Δημοσιεύσεις: 347
Εγγραφή: 23 Δεκ 2002 12:11
Τοποθεσία: Αθήνα
Επικοινωνία:

scripts...

Δημοσίευση από Legend_fe » 15 Φεβ 2004 15:04

Grapse mas ta scripts gia na sto kanoume liana ;)

Άβαταρ μέλους
AGRI0GATOS
Δημοσιεύσεις: 808
Εγγραφή: 20 Αύγ 2003 19:24
Τοποθεσία: Θεσσαλονικη
Επικοινωνία:

scripts...

Δημοσίευση από AGRI0GATOS » 15 Φεβ 2004 18:54

tora egw tha kanw tin diafimisi kai peste oti thelete :)
koita file epidi den kseroume ti script exeis pane mia volta apo to
http://www.grjava.com opou ekei exei ta script pou zitas kai sou leei enimerotika pou na valis to kathe komati tou kodika :)

Άβαταρ μέλους
Cha0s
SysAdmin
Δημοσιεύσεις: 10242
Εγγραφή: 28 Ιούλ 2001 03:00

scripts...

Δημοσίευση από Cha0s » 16 Φεβ 2004 01:46

Φίλε όπως αναφέρθηκε πιο πάνω αν σου είναι έυκολο κάνε paste και τα 2 scripts εδώ να σου εξηγήσουμε πως θα τα χρησιμοποιήσεις και τα 2. Δεν είναι δύσκολο σίγουρα να χρησιμοποιηθούν και τα 2 ;)

Άβαταρ μέλους
EneMe
Super Moderator
Δημοσιεύσεις: 13307
Εγγραφή: 09 Ιούλ 2002 13:29
Τοποθεσία: Στο κέντρο της Ελλάδας!
Επικοινωνία:

scripts...

Δημοσίευση από EneMe » 16 Φεβ 2004 13:48

Απ' όσα ανέφερες, υποθέτω πως τα script είναι ως εξής:

Το script για το ποντίκι πρέπει να μπει στο ΒODY.
To άλλο για την ημερομηνία έχει ένα τμήμα για το head κι ένα δεύτερο!

Αν είναι έτσι δεν υπάρχει πρόβλημα!
Βάλε το πρώτο στο BODY, βάλε το κομμάτι του δεύτερου που θέλει HEAD στο ΗΕΑD (προτείνεται ακριβώς κάτω από το <title>) και το δεύτερο κομμάτι του script ημερομηνίας βάλ'το εκεί που θέλεις να εμφανίζεται η ημερομηνία (πχ σε κάποιο κελί ενός table ίσως).

Γενικά για τα scripts:
Tμήματά τους που πρέπει να είναι στο head, δεν δημιουργούν πρόβλημα και μπορούν να μπουν άνετα κάτω από το <title>MySite</title>.
Κάποια scripts που πρέπει να μπουν μέσα στο <BODY> tag, μπαίνουν κατά προτίμηση μετά και τον τελευταίο κώδικα για χρωματική μορφοποίηση της σελίδας.
Τα scripts που δεν χρειάζονται να μπουν σε κάποιο tag, τα βάζουμε εκεί ακριβώς που θέλουμε να δούμε το αποτέλεσμά τους.

Επλίζω να έγινα κατανοητός :)

crazymitch
Δημοσιεύσεις: 31
Εγγραφή: 26 Ιαν 2004 13:31

scripts...

Δημοσίευση από crazymitch » 16 Φεβ 2004 18:04

Εχω δοκιμασει πολλους συνδιασμους αλλα σε συνδιασμο τον 2 μου εμφανιζεατι μονο η ημερομινια...
Τα scripts ειναι

1) date and time κωδικας μονο στο body...

<script>


var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")

function getthedate(){
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()
var dn="AM"
if (hours>=12)
dn="PM"
if (hours>12){
hours=hours-12
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
//change font size here
var cdate="<small><font color='000000' face='Arial'><b>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+" "+hours+":"+minutes+":"+seconds+" "+dn
+"</b></font></small>"
if (document.all)
document.all.clock.innerHTML=cdate
else if (document.getElementById)
document.getElementById("clock").innerHTML=cdate
else
document.write(cdate)
}
if (!document.all&&!document.getElementById)
getthedate()
function goforit(){
if (document.all||document.getElementById)
setInterval("getthedate()",1000)
}

</script>
<span id="clock"></span>
<body onLoad="goforit()">


----------------2) for cursor sto head...------------------------------

<style>
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:10pt;
font-family:Verdana;
font-weight:bold;
color:black;
}
</style>
<script>



var x,y
var step=20
var flag=0

// Your snappy message. Important: the space at the end of the sentence!!!
var message="to keimeno edw "
message=message.split("")

var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos=-50
}

var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos=-50
}

function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}

function makesnake() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos=xpos[i-1]+step
ypos=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y

for (i=0; i<message.length-1; i++) {
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos
thisspan.posTop=ypos
}
}

else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos=xpos[i-1]+step
ypos=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y

for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos
thisspan.top=ypos
}
}
var timer=setTimeout("makesnake()",30)
}

</script>


-------------------και στο body-------------------------------

<script>
<!-- Beginning of JavaScript -

for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>")
document.write(message[i])
document.write("</span>")
}

if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;

// - End of JavaScript - -->
</script>
<body onLoad="makesnake()">



αν τα καταφερεται πεστετο και σε μενα να το καταλαβω.......
Ευχαριστω πολυ....... :lol: :lol: :lol:

Άβαταρ μέλους
EneMe
Super Moderator
Δημοσιεύσεις: 13307
Εγγραφή: 09 Ιούλ 2002 13:29
Τοποθεσία: Στο κέντρο της Ελλάδας!
Επικοινωνία:

scripts...

Δημοσίευση από EneMe » 17 Φεβ 2004 17:15

Λοιπόν...

Παρακάτω σου έχω τον κώδικα μιας πλήρους html σελίδας. Με έντονα γράμματα είναι τα script που έχεις!
Το πρόβλημα δημιουργείται με τα δύο OnLoad που απαιτούνται. Η λύση φαίνεται με τα κόκκινα γράμματα, μιας και πρέπει να υπάρχει μόνο ένα OnLoad μέσα στο <body>.

Κάνε copy όλον τον κώδικα σε ένα αρχείο και δες το αποτέλεσμα! :wink:
<html>

<head>
<title>Test Page</title>
<style>
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:10pt;
font-family:Verdana;
font-weight:bold;
color:black;
}
</style>



<script>
var x,y
var step=20
var flag=0

// Your snappy message. Important: the space at the end of the sentence!!!
var message="to keimeno edw "
message=message.split("")

var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos=-50
}

var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos=-50
}

function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}

function makesnake() {
if (flag==1 && document.all) {
for (i=message.length-1; i>=1; i--) {
xpos=xpos[i-1]+step
ypos=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y

for (i=0; i<message.length-1; i++) {
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos
thisspan.posTop=ypos
}
}

else if (flag==1 && document.layers) {
for (i=message.length-1; i>=1; i--) {
xpos=xpos[i-1]+step
ypos=ypos[i-1]
}
xpos[0]=x+step
ypos[0]=y

for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos
thisspan.top=ypos
}
}
var timer=setTimeout("makesnake()",30)
}

</script>

</head>

<script>
<!-- Beginning of JavaScript -

for (i=0;i<=message.length-1;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>")
document.write(message[i])
document.write("</span>")
}

if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;

// - End of JavaScript - -->
</script>



<body bgcolor="#FFFFFF" onLoad="makesnake() , goforit()">

<script>
var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")

function getthedate(){
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var hours=mydate.getHours()
var minutes=mydate.getMinutes()
var seconds=mydate.getSeconds()
var dn="AM"
if (hours>=12)
dn="PM"
if (hours>12){
hours=hours-12
}
if (hours==0)
hours=12
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
//change font size here
var cdate="<small><font color='000000' face='Arial'><b>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+" "+hours+":"+minutes+":"+seconds+" "+dn
+"</b></font></small>"
if (document.all)
document.all.clock.innerHTML=cdate
else if (document.getElementById)
document.getElementById("clock").innerHTML=cdate
else
document.write(cdate)
}
if (!document.all&&!document.getElementById)
getthedate()
function goforit(){
if (document.all||document.getElementById)
setInterval("getthedate()",1000)
}

</script>
<span id="clock"></span>


</body>
</html>

crazymitch
Δημοσιεύσεις: 31
Εγγραφή: 26 Ιαν 2004 13:31

scripts...

Δημοσίευση από crazymitch » 17 Φεβ 2004 18:42

Thanks EneMe!!!!!
Να σου πω αληθεια ειχα κανει συνδιασμους στο onload ηξερα οτι μονο ενα επρεπε αλλα δεν ηξερα πως να τα συνδιασω....
Αν βαλω και καποιο αλλο script για προστασια της σελιδος μου θα τα επηρεασει?
:wink: :wink:
:wink: :wink:
:lol:

Άβαταρ μέλους
EneMe
Super Moderator
Δημοσιεύσεις: 13307
Εγγραφή: 09 Ιούλ 2002 13:29
Τοποθεσία: Στο κέντρο της Ελλάδας!
Επικοινωνία:

scripts...

Δημοσίευση από EneMe » 17 Φεβ 2004 18:45

Όχι, δεν υπάρχει πρόβλημα!

Απλά να έχεις υπ' όψιν ότι τα πολλά scripts βαραίνουν την σελίδα!

Πάντως αν είναι να βάλεις κι άλλο script με OnLoad, συνδίασέ τα όπως παραπάνω!
Χωρισμένα με κόμματα και όλο μαζί μέσα στα "...". ;)

crazymitch
Δημοσιεύσεις: 31
Εγγραφή: 26 Ιαν 2004 13:31

scripts...

Δημοσίευση από crazymitch » 17 Φεβ 2004 18:52

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


crazymitch
Δημοσιεύσεις: 31
Εγγραφή: 26 Ιαν 2004 13:31

scripts...

Δημοσίευση από crazymitch » 19 Φεβ 2004 14:35

Ελπιζω να μην φαω ξυλο στο τελος...... :hammer:
Επειδει παιζω μουσικη κανω και εγω ωραιες..loopes...
Πως μπορω να τις ανεβασω?

Απάντηση

Επιστροφή στο “HTML και XHTML”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες