Javascript Latest Topicshttps://forum.pctecuci.ro/index.php?/forum/1068-javascript/Javascript Latest TopicsenCum Aflu Daca Javascript-Ul Este Activ In Browser?https://forum.pctecuci.ro/index.php?/topic/5994-cum-aflu-daca-javascript-ul-este-activ-in-browser/ In cazul in care nu sunteti sigur ca JavaScript-ul este activ (enabled) in browser-ul pe care-l folositi in navigarea de zi cu zi, sau da-ti peste anumite site-uri care v-ar spune ca este inactiv (disabled), desi stiati ca este activ, cea mai usoara cale de a verifica acest lucru este accesarea urmatorului site: http://enable-javascript.com/

De asemenea, site-ul va prezinta si metodele de activare a JavaScript-ului pentru cele mai folosite browsere: IE, Mozilla Firefox, Chrome, Opera si Safari.

]]>5994Sun, 08 Jul 2018 19:56:54 +0000Introducere in Javascripthttps://forum.pctecuci.ro/index.php?/topic/5993-introducere-in-javascript/ Introducere:

Ce este JavaScript ?

  • este un limbaj de scripting
  • este un limbaj client-side
  • este gratis, nu necesita licenta!
  • a fost creat pentru a da interactivitate paginilor web
  • este deobicei inclus in codul HTML

 

ATENTIE!!!

* JavaScript NU este acelasi lucru cu Java !

* Java este un limbaj de programare avansat ! [ din categoria 'C'-urilor]

 

Hai sa incepem...

Apropo, pentru a incepe sa invatati JavaScript trebuie sa stiti HTML !

 

Ignorand elementele de HTML (<html> , <body> ....) , observam scriptul nostru:

  

<script type="text/javascript">

document.write("PCTecuci.ro")

</script>
Sa incepem cu codul: 
<script type="text/javascript">Scriptul nostru</script>

 

Ce face acest cod ? Ei bine, ii spune browserului unde incepe si unde se termina scriptul nostru. 

document.write("PCTecuci.ro")

Ce se intampla aici ? E destul de usor...

  

document.write("")

este sintaxa care ii spune browserului sa scrie pe pagina noastra textul definit. Deci pana acum i-am 'comandat' browserului sa scrie un anumit text pe o pagina, nu-i rau pentru cateva minute ... Cum putem pune niste commenturi sau indicatii in interiorul scriptului fara sa afecteze cu ceva ? Si aici este destul de simplu doar introduceti:

  

<!-- Comentariu sau indicatie //-->

Cum putem pune niste scripturi inafara unei pagini web dar ele sa fie executate ? Introducand codul de mai jos:

  
<script src="numele_scriptului_nostru.js"></script>

Foarte mare atentie, in fisierul nostru .js nu mai introducem tagurile <script> </script> Adaugam doar continutul scriptului, in exemplul meu: 

document.write("PCTecuci.ro")

Conditional Statements Cu siguranta ati auzit de if...else si nu ati stiut ce sunt sau ce fac de fapt... Sa incepem cu cu if: Sintaxa: 

if (conditie)

{

codul care va executat daca conditia este adevarata

}

Exemplu: 

<script type="text/javascript">
var data=new Date()
var timp=data.getHours()

if (timp<11)
{
document.write("Bun venit pe <b>PCTecuci.ro</b>!")
}
</script>

 

Ce face codul de mai sus ? In primul rand: var data=new Date() Stocheaza data curenta in variabila 'data'. var timp=data.getHours() Folosind o functie a lui: new Date() , codul de mai sus stocheaza ora curenta in variabila 'timp'. if (timp<11) { document.write("Bun venit pe <b>PCTecuci.ro</b>!") } Daca variabila 'timp' esta mai mica de '11' , folosind comanda document.write se va afisa textul: Bun venit pe PCTecuci.ro!, presupun ca ati observat ca am folosit tag-urile: <b></b>, deci PCTecuci.ro va fi afisat bolduit(ingrosat). Dar daca am vrea sa afiseze ceva chiar daca 'timp' nu este mai mica de '11', cum facem ? Aici intervine else! Sintaxa:

  
if (conditie)

{

cod care va fi executat daca conditia este adevarata

}

else

{

cod care va fi executat daca conditia nu este adevarata

}

Exemplu: 

<script type="text/javascript">
var data=new Date()
var timp=data.getHours()

if (timp<11)
{
document.write("Bun venit pe <b>PCTecuci.ro</b>!")
}
else
{
document.write("PCTecuci.ro")
}
</script>

 

]]>5993Sun, 08 Jul 2018 19:55:09 +0000Afișare conținut când apeși pe un butonhttps://forum.pctecuci.ro/index.php?/topic/5992-afi%C8%99are-con%C8%9Binut-c%C3%A2nd-ape%C8%99i-pe-un-buton/ <script type="text/javascript"> document.observe("dom:loaded", function(){ //$('content').insert( $('nav_menu_2_menucontent').remove() ); new ipb.Menu( $('nav_menu_2_trigger'), $('nav_menu_2_menucontent'), { eventType: 'mouseover', closeOnMouseout: 'nav_menu_2' } ); }); </script> 
<li id="nav_menu_2">
	<a id="nav_menu_2_trigger" href="/" title="">Meniu    <span class="dropdownIndicator"></span></a>
		<div id="nav_menu_2_menucontent" class="meniu-meniu-inc" style="z-index: 9999; position: fixed; top: 36px; left: 557px; opacity: 0.0509862; display: none;">
						<ul style="z-index: 10000;" id="">
							<li class="sub-sub-meniu">
								<a href="/">Nume1</a>
							</li>
							<li class="sub-sub-meniu">
								<a href="/">Nume2</a>
							</li> 
							<li class="sub-sub-meniu">
								<a href="/">Nume3</a>
							</li> 
						</ul>
		</div>
</li>

 

CSS: 

.meniu-meniu-inc {background:#eee;font-size:12px;border:0;min-width:140px;text-align:left;font-family: 'Lato', sans-serif;}
.meniu-meniu-inc  li{padding:0;border:0;float:none!important;min-width:150px;}
.meniu-meniu-inc  a{display:block;padding: 0 10px 0 10px;color:#000;left:0;}
.meniu-meniu-inc  li:hover  a{color:#fff; text-shadow:none;background:rgb(61, 61, 61);}

 

]]>5992Sun, 08 Jul 2018 19:47:27 +0000