Studiu Javascript – Crearea de conţinut

admin — Wed, 04 Feb 2009 14:22:05 +0000

Folosind DOM si Javascript este posibil pentru a adăuga conţinut dinamic în pagina dvs. atunci când un utilizator efectueaza o acţiune fără a se întoarce la server. Utilizarea createElement şi createTextNode putem adăuga la pagina HTML.
În acest exemplu, vom adauga un paragraf cu un text, atunci când un utilizator face clic pe un link. Noi vom folosi pentru a crea createElement p tag. Apoi createTextNode pentru a adăuga text în punctul tag.
Mai întâi de toate, să cream unele markup pe care le putem folosi o putem folosi pentru a tine javascript oprit.

Leaning Javascript – Creating content

Clicking this link will dynamically create content

Update panel

A new paragraph will be added in here when the user clicks the link above

Sunt doua parti aici pentru javascript pentru a te agata de ele.Prima este “declanşa”. Acesta este link-ul de pe care utilizatorii vor da clic pentru a adăuga conţinut la pagină. Cea de-a doua este “updateDiv. Aceasta este în cazul în care conţinutul generat va fi adăugat.Observati dacă Javascript este dezactivat atunci există un link pentru a trimite utilizatorul la o altă pagină.

function createContent() {

// Start by declaring our variables
var updateDiv; // The div we are putting the new content in
var trigger; // This is the link that fires the function
var newParagraph; // The new paragraph tag
var newText; // The new text

// Check the browser supports getElementById. If not return.
if(!document.getElementById) { return; }

// Find div that holds the content
updateDiv = document.getElementById(“updateDiv”);

// If it isn’t there return
if (!updateDiv) { return;}

// Find the div with the id example
trigger = document.getElementById(“trigger”);

// If it isn’t there return
if (!trigger) { return;}

//It is there so do some stuff
trigger.onclick = function(){
// Create a new paragraph element
newParagraph = document.createElement(‘p’);
// Create some text
newText = document.createTextNode(‘This paragraph was dynamically inserted using the DOM’);
// Put the text in the new paragraph element
newParagraph.appendChild(newText);
// Append the new paragraph to the update Div
document.getElementById(‘updateDiv’).appendChild(newParagraph);
// Disable the link by returning false
return false;
}
}

Sperăm că comentariile vă ghida în acest sens. Practic ne uitam dupa updateDiv si parti de declansare si asteptam utilizatorul sa dea clic pe link. Când se face clic pe link-ul de conţinut este creat şi introdus. Vom folosi pentru a pune appendChild nou creat alineat şi text în updateDiv container.

Cheia iute HOME folosind Javascript

admin — Wed, 04 Feb 2009 14:22:05 +0000

Un script care va sări înapoi “acasă” atunci când “H” este apăsat. Cu alte cuvinte, un script care vă permite să specificaţi un URL de destinaţie “pentru a merge la” atunci cand “H” este apăsat.

Apăsaţi “h” (sau “H”) pentru a merge acasă.

Pur şi simplu copiaţi de mai jos în sectiunea din pagină dvs. Asiguraţi-vă că schimbati var targeturl la dumneavoastră.

Afişează data curentă cu javascript

admin — Wed, 04 Feb 2009 14:22:05 +0000

Un script care afişează data curentă, în formatul de “vineri, 16 martie 2001″ .

Pur şi simplu copiaţi şi puneti codul de mai jos în secţiunea a paginii care va afişa data.

Tutoriale online Tutoriale librarie » JavaScript

Studiu Javascript – Crearea de conţinut

Leaning Javascript – Creating content

Update panel

Cheia iute HOME folosind Javascript

Afişează data curentă cu javascript