Programare, html, mysql, php etc.

DeletedUser

Guest
Salutare !
Am creat un gen de butoane in html pentru un forum, insa care sa beneficieze de optiunea onmouseover, adica atunci cand pui muse-ul peste el parca sa se aprinda.

Scris in notepad si salvat in extensie html functioneaza. Puteti incerca si voi cu acesta

HTML: 
<html>
<body>
<a href="http://www.google.ro/"
onmouseover="document.sub_but.src='http://img12.imageshack.us/img12/4148/cooltext543080738mouseo.png'"
onmouseout="document.sub_but.src='http://img36.imageshack.us/img36/659/cooltext543080738.png'">
<img src="http://img36.imageshack.us/img36/659/cooltext543080738.png" name="sub_but" />
</a>
</body>
</html>

Insa, odata pus pe un forum intr-un topic nu mai merge. Apare sub urmatoarea forma

37157124.png


Mentionez ca forumul are activat HTML si ca nu am copiat cu tot cu <html> si <body>. Apropo, nu stiu cum, dar am postat odata exact cu codul de mai sus si functioneaza, insa acum, punand acelasi cod nu mai vrea sa mearga. Apare ca in poza de mai sus.

Stiu ca sunt multi pasionati sau care chiar se pricep, si i-as ruga sa ma ajute daca pot, sa imi zica daca am gresit ceva, sau sa imi sugereze un alt cod pentru buton.

Multumesc !
 

DeletedUser

Guest
Foarte interesant,e bine sa inveti asta de la o varsa frageda si cand incepi sa fi cat de cat porofesionist poti face si ceva bani din asta...Am inceput si eu de 1 saptamana sa fac ceva prin HTML...Foarte frumos.

Dar in legatura cu problema ,nu am incercat sa pun inca pe un forum,dei nu stiu de ce nu merge.
 
Ultima editare de un moderator:

DeletedUser

Guest
.Se7eN. a spus:
Foarte interesant,e bine sa inveti asta de la o varsa frageda si cand incepi sa fi cat de cat porofesionist poti face si ceva bani din asta...Am inceput si eu de 1 saptamana sa fac ceva prin HTML...Foarte frumos.

Dar in legatura cu problema ,nu am incercat sa pun inca pe un forum,dei nu stiu de ce nu merge.
Click pentru a extinde...

Aici oricum nu poti sa incerci, deoarece nu e activat. Eu am incercat pe forumul de la ZooMumba (unde prima data a mers, si a doua oara nu a mai functionat).
 

DeletedUser

Guest
Eu sunt cam incepator,trebuie sa invat sa adaug backgorund...Sa fac aia cu onmouseover.Dami id tau si atunci poate colaboram sa facem o pagina:)
 

DeletedUser

Guest
Pop-Ady a spus:
...
Click pentru a extinde...


Ady, problema ta nu tine de HTML ci de Javascript.
Functiile(nu stiu sigur daca asta e denumirea corecta) onmouseover si onmouseout nu tin de limbajul HTML ci de Javascript. Asta cred ca este motivul pentru care functioneaza cand le pui intr-o pagina web normala, dar nu mai functioneaza si pe forum.

Ce editor folosesti?
 

DeletedUser5629

Guest
Ok, cred ca m-am prins ce vrei sa zici ;)
Am asa ceva pe website-ul meu la care nu imi permit sa ii mai fac reclama dar uite cum folosesc eu
Asta ar veni intre <head></head>
HTML: 
<script language="javascript"> 
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
if (browserName == "Netscape" && browserVer >= 3) browserVer = "1";
else if (browserName == "Microsoft Internet Explorer" && browserVer == 4) browserVer = "1";
else browserVer = "2";
 
//preload images:
if (browserVer == 1) {
a1 = new Image;
a1.src = "files/images/home1.png";
a2 = new Image;
a2.src = "files/images/home2.png";
**
 
//image swapping function:
function hiLite(imgDocID, imgObjName, comment) {
if (browserVer == 1) {
document.images[imgDocID].src = eval(imgObjName + ".src");
window.status = comment; return true;
****
</script>

Si poza o pui unde vrei tu:
HTML: 
<a href="#" onMouseOver="hiLite('a','a2','Comentariu')" onMouseOut="hiLite('a','a1','')"><img name="a" src="files/images/home1.png"></a>

:razz:
 

DeletedUser

Guest
ShtefyX a spus:
...
Click pentru a extinde...

Shtefy, incearca sa copiezi ce ai scris tu intr-un fisier .html gol si vezi daca iti merge. Mie nu mi-a mers.
Eu cel putin, nu vad rostul acelei functii complicate, atata timp cat poti folosi onmouseover si onmouseout, sau, daca vrei sa nu folosesti deloc Javascript, exista varianta pentru HTML, a:hover .
Poate ca pentru site-ul tau, sunt importante acele 3 argumente la functia Hilite, dar d.p. meu d.v. , sunte nefolositoare :P
Nu m-am mai "jucat" de mult timp cu html, dar o sa caut in seara asta un exemplu si o sa-l postez.
 
Ultima editare de un moderator:

DeletedUser5629

Guest
Nu stiu daca merge, am functia cu trei poze, si imi merge impecabil...
Daca vrei sa te convingi iti arat site-ul meu sa vezi.. de acolo ii copiat dar am sters niste chestii.
 

DeletedUser

Guest
ShtefyX a spus:
Nu stiu daca merge, am functia cu trei poze, si imi merge impecabil...
Daca vrei sa te convingi iti arat site-ul meu sa vezi.. de acolo ii copiat dar am sters niste chestii.
Click pentru a extinde...

In cadrul site-ului sunt sigur ca iti merge, dar luata bucata de cod separat, treburile se schimba. :)

EDIT: Asa mai merge :P
 
Ultima editare de un moderator:

DeletedUser5629

Guest
Anth a spus:
In cadrul site-ului sunt sigur ca iti merge, dar luata bucata de cod separat, treburile se schimba. :)
Click pentru a extinde...

Singura diferenta cred ca era ceva de genu;

Cod: 
a1 = new Image;
a1.src = "files/images/home1.png";
a2 = new Image;
a2.src = "files/images/home2.png";
b1 = new Image;
b1.src = "files/images/home1.png";
b2 = new Image;
b2.src = "files/images/home2.png";
c1 = new Image;
c1.src = "files/images/home1.png";
c2 = new Image;
c2.src = "files/images/home2.png";
 

DeletedUser

Guest
<html>
<body>
<a href="http://www.google.ro/"
onmouseover="document.sub_but.src='http://img12.imageshack.us/img12/4148/cooltext543080738mouseo.png'"
onmouseout="document.sub_but.src='http://img36.imageshack.us/img36/659/cooltext543080738.png'">
<img src="http://img36.imageshack.us/img36/659/cooltext543080738.png" name="sub_but" />
</a>
</body>
</html>
 

DeletedUser

Guest
Uitati filmuletul asta

s3bwmobe9o9m40owyyo.gif


In primul post, am folosit acelasi cod si a functionat (cum, nu stiu !)

Folosind acelasi cod si in alt post, nu mai merge.

In plus, daca copiezi butonul in alt post nu merge. Functioneaza doar daca scri direct codul sau il copiezi acolo.
 

DeletedUser

Guest
Ti-am dat un raspuns intr-un post anterior.
Ady, problema ta nu tine de HTML ci de Javascript.
Functiile(nu stiu sigur daca asta e denumirea corecta) onmouseover si onmouseout nu tin de limbajul HTML ci de Javascript. Asta este motivul pentru care functioneaza cand le pui intr-o pagina web normala, dar nu mai functioneaza si pe forum.

Ce editor folosesti?
Click pentru a extinde...
 

DeletedUser2948

Guest
Cod: 
<html>
<head>
<style type="text/css">
a:hover.imagine {
background-image: url(link_imagine2);
background-repeat: no-repeat;
**
</style>
</head>
<body>
<a href=".." class="imagine"><img src="imagine1" border="0"></a>
</body>
</html>

Acolo unde ii ** trebuie sa inchizi acolada;)
 
Ultima editare de un moderator:

DeletedUser5629

Guest
kod a spus:
Cod: 
<html>
<head>
<style type="text/css">
a:hover.imagine {
background-image: url(link_imagine2);
background-repeat: no-repeat;
**
</style>
</head>
<body>
<a href=".." class="imagine"><img src="imagine1" border="0"></a>
</body>
</html>

Acolo unde ii ** trebuie sa inchizi acolada;)
Click pentru a extinde...

CSS? :huh:
O sa incerc asta mai tarziu hah
 
Trebuie să te autentifici sau să te înregistrezi pentru a răspunde aici.
Sus