|
Hi all,
This is hopefully a very simple question however I do not know the answer to it.
I am trying to link a cell from a table created in Javascript to another function.
var cell_1 = document.createElement("td");
cell_1.style.textAlign = "center";
cell_1.appendChild(document.createTextNode("Hi"));
onclick = myFunction();
This code ALL works apart from the onclick function, all I wanted to do is when the cell is clicked for example an alert message pops up.
Hopefully that makes sense and if anybody can help that would be helpful 
|
|
|
|
|
Hi, you're basically there. Just 2 points:
- the onclick function belongs to cell_1
- You want to set the address of the function, not the result
cell_1.onclick = myFunction;
|
|
|
|
|
It might be better to create an a tag with a javascript: url:
var cell_1 = document.createElement("td");
cell_1.style.textAlign = "center";
var link = document.createElement("a");
link.appendChild(document.createTextNode("Hi"));
link.href = 'javascript:myFunction()';
That way, you get the usual link semantics (underlining, colour cues, cursor, tab order entry).
|
|
|
|
|
alternet way
cell_1.onclick = new Function ('myFunction()');
|
|
|
|
|
to attach events see this
// +++++ attach even
function AtEv(X00,X01,X02,X03)
// X00 pointer of object with event
// X01 kind of event, string e.g. 'mouseover'
// X02 pointer of event handler
// e.g. keyDownTextField (e)
// {
// var keyCode = e.keyCode;
// //...
// }
// X03 false bubbling event allowed
// true bubbling event not allowed: Capturing of event thru handler
// must be identical with avent deatch
// returns true if event attched
{
var X04=false;
// insert here checking of pointer and string ...
if(X00.attachEvent)
{
X04=X00.attachEvent('on'+X01,X02);
}
else
{
if(X00.addEventListener)
{
X00.addEventListener(X01,X02,X03);
X04=true;
}
}
return X04;
}
// +++++ detach event
function DatEv(X00,X01,X02,X03)
// params see AtEv
{
var X04=false;
// insert here checking of pointer and string ...
if(X00.detachEvent)
{
X04=X00.detachEvent('on'+X01,X02);
}
else
{
if(X00.removeEventListener)
{
X00.removeEventListener(X01,X02,X03);
X04=true;
}
}
return X04;
}
example
function EventHandler(e,X00)
// e.g. X00 param
// e placeholder for event
{
// do something with X00 and or e
}
// ----- create dynamic event handler
var pointerOfDynamicEventHandler=new Function('e','EventHandler(e,' + here the value of X00 + ')');
// check pointer ...
// ----- attach dynamic event handler
var booleanFlag=AtEv(pointerofObjectWithEvent,'click',pointerOfDynamicEventHandler,false);
// ------ don't forget to deatch event if you this not need
|
|
|
|
|
Good morning guys
I'm a little problem with my javacsript ...
I have an input to the value date of the calendar, and have a + button that the function of this value and add more inputs to add more dates, so that when I insert more dates so these dates are entered in the first label and not in others that I called with the button + ...
Can someone help me solve this problem?
|
|
|
|
|
I have my code so, someone can help me!
<pre lang="Javascript">var id = 1;
function novoCampo()
{
var inp = document.createElement("input");
inp.setAttribute("id", +id );
var lab = document.createElement("label");
lab.setAttribute("id", "l", +id);
var cal = document.createElement(popdate('document.form_funcionario.data_cadastro','pop3','150',document.form_funcionario.data_cadastro.value));
lab.setAttribute("id", +id);
var lab_content = document.createTextNode("");
var quebra = document.createElement("br");lab.appendChild(lab_content);
var inpP = document.getElementById(id-1);
var parentInp = inpP.parentNode;
parentInp.insertBefore(lab, inpP.nextSibling);
parentInp.insertBefore(inp, lab.nextSibling);
parentInp.insertBefore(quebra, lab);
++id;
}</pre>
|
|
|
|
|
the problem is already solved 
var id = 1;
function novoCampo()
{
var inp = document.createElement("input");
inp.setAttribute("id", +id );
inp.setAttribute("name", "data_cadastro_"+id+"");
var lab = document.createElement("label");
lab.setAttribute("id", "l", +id);
lab.setAttribute("lab", +id);
var lab_content = document.createTextNode("");
var quebra = document.createElement("br");
var inpP = document.getElementById(id-1);
var parentInp = inpP.parentNode;
parentInp.insertBefore(lab, inpP.nextSibling);
parentInp.insertBefore(inp, lab.nextSibling);
parentInp.insertBefore(quebra, lab);
document.getElementById(+id).setAttribute('onclick',"javascript:popdate('document.form_funcionario.data_cadastro_"+id+"','pop3','150',document.form_funcionario.data_cadastro_"+id+".value)"); // for FF
//document.getElementById(+id).onclick = function() {javascript:popdate('document.form_funcionario.data_cadastro_'+id+'','pop3','150',document.form_funcionario.data_cadastro_+id+.value)}; // for IE
++id;
}
for those who are experiencing the same problem, this solution there...
|
|
|
|
|
when printing the one long web page . i want to insert a header on each page so how can i break html page automatically and insert header on it rather than manual page break.
|
|
|
|
|
|
Hi,
i have the below code
var copy = "CATCOMETACISTCASEATCORACT";
var reg = /(CAT)+/;
var sd = copy.match(reg);
sd returns me only array with values [CAT,CAT] but i need diff combinations like
"CAT","CTA","TAC","ACT","ATC","TCA"
wat should the exact regular expression for the above result...
|
|
|
|
|
Just added modifiers - 'i' for ignore case and 'g' for global search
var copy = "CATCOMETACISTCASEATCORACT";
var reg = /([CAT]){3}/ig;
var sd = copy.match(reg);
Hope this may help you.
Regards,
Niral Soni
Thanks & Regards,
Niral Soni
|
|
|
|
|
Doesn't work. Your regex will accept "CCC" "CCA" "TTT" "ATT" etc, which is not what OP wants.
Peter
Software rusts. Simon Stephenson, ca 1994. So does this signature. me, 2012
|
|
|
|
|
will be understood that some javascript can help me?
I'm creating a website but do not know much about javascript, this site need to create a dynamic calendar that clicking on any date that the User choose the date changes color.
I have done some research on the net but not getting success, picked up some calendars to make changes but also without much success. 
someone help me please!!! 
|
|
|
|
|
What do you mean with
Erika Silva wrote: this site need to create a dynamic calendar that clicking on any date that the
User choose the date changes color
?
V.
|
|
|
|
|
I'm tryna create a dynamic calendar, which the User may select any one day and that day is selected with a different color and it can include notes. I managed to make one, but it was static and this schedule must have type arrows to see other months, you know?
|
|
|
|
|
You mean something like this[^] ?
The colors in the calendar are dynamically assigned and you can click on it to get some information. This is a very rudimentary version, but you could refine it.
If this is what you want I'll set you up with the basic ideas.
V.
|
|
|
|
|
and not what I want, but I appreciate the help!
I suggested FullCalendar tou and configuring it.
I appreciate the attention, thank you!
|
|
|
|
|
Sorry, but I have no clue what you want.
As far as I understood you want:
1. A calendar control
2. When date is selected in the calendar tool, that date is "highlighted"
3. When date is selected a note or message is given to the user.
correct?
V.
|
|
|
|
|
yes ...
when the User clicks on a selected date and this date, and he can enter a note, as can also delete or rewrite the note.
|
|
|
|
|
Look here[^]
and here[^] if you also need time.
V.
|
|
|
|
|
not,
these are datapickers, I really want a large calendar (static) FullCalendar the style.
|
|
|
|
|
did you find a sample anywhere, because I have no clue what you want.
V.
|
|
|
|
|
I found this calendar...
http://arshaw.com/fullcalendar/
|
|
|
|
|
OK, and what doesn´t this do that you want it to do?
JQuery is free.
let me know with what your stuck with, this type of thing doesn´t seem too hard.
V.
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
