Re: Help with responsive lines

Thursday, December 26, 2013

0 comments
Thank you for your help, I looked at HTML canvas and that will just be more calculation and still it won't help to make the web page responsive. I finishe the static page which you can find here: http://jsfiddle.net/W2tL8/ I know there is a way to make the parent element fuid but I was unable to find out how, I tired all the margin techniques and played with using percentage insted of fixed values. Thanks again for all your help.
 
 

--
You received this message because you are subscribed to the Google Groups "JavaScript Forum" group.
To unsubscribe from this group and stop receiving emails from it, send an email to javascript-information+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

Re: Help with responsive lines

Tuesday, December 24, 2013

0 comments
Walter Zorn produced an interesting graphing package years ago that produces lines by piecing divs together. It is highly optimized and works in old browsers. There are some limits but it is an amazing library.

If it were I, I would use svg. Specifically D3. If you browse the d3 gallery there are already many examples like yours. Only caveat is IE support. But There is a shim to use vrml that does a pretty good job.

Hope this helps

On Dec 24, 2013, at 5:29 AM, Amirhosssein Andohkosh <amirha97@gmail.com> wrote:

Thank you for your help, I try to provide a code example but I still haven't exactly figured out a effective way to do it, I know I can have break points for every device and do the tweaks manually but that will take a long time to do. Any ways thank you for your help and I try to upload an example.

--
You received this message because you are subscribed to the Google Groups "JavaScript Forum" group.
To unsubscribe from this group and stop receiving emails from it, send an email to javascript-information+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

Re: Help with responsive lines

0 comments
Thank you for your help, I try to provide a code example but I still haven't exactly figured out a effective way to do it, I know I can have break points for every device and do the tweaks manually but that will take a long time to do. Any ways thank you for your help and I try to upload an example.

--
You received this message because you are subscribed to the Google Groups "JavaScript Forum" group.
To unsubscribe from this group and stop receiving emails from it, send an email to javascript-information+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

Re: Help with responsive lines

Saturday, December 21, 2013

0 comments
For what you are trying to do, you should really look more into canvas
and learn how to code something like that. Not only would you be growing
your skills, it is most likely the only HTML native way of doing
something as you described.

Something to try: Make breakpoints that the page will snap to when
max-width is applied. You can have a Desktop, Tablet, Mobile breakpoint
that will adjust the wrapper of your html at those sizes. Then have the
specific CSS adjustments per breakpoint handle each elements tweaks.

Without an example of your code, that's about all I can provide.

--
You received this message because you are subscribed to the Google Groups "JavaScript Forum" group.
To unsubscribe from this group and stop receiving emails from it, send an email to javascript-information+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

Help with responsive lines

0 comments

Hello everyone, I'm a new member and I wanted some help with drawing some responsive lines, the attached PNG picture shows clearly what I am going for; as all of you probably know web animation is popular and nice to have for your portfolio so i want the centre div to appear first and then each one of lines slide horizontally and the other divs appear with some delay (500ms/ 1s);    
I have created all of the elements with HTML and used jquery for hide show effect with the proper delay, my problem is that I want the website to be responsive and if I draw the lines from one point to another (using a div) it doesn't respond according to other divs' position and size which has been a very big issue for me.
Sorry if the explanation is too long and maybe a bit unclear but any help and guidance will be appreciated. 
[I looked at using HTML5 canvas as well but I don't know how to code something like that which is responsive as well]

--
You received this message because you are subscribed to the Google Groups "JavaScript Forum" group.
To unsubscribe from this group and stop receiving emails from it, send an email to javascript-information+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

best fashion

Wednesday, December 18, 2013

0 comments

--
You received this message because you are subscribed to the Google Groups "Website Design Nz" group.
To unsubscribe from this group and stop receiving emails from it, send an email to website-design-nz+unsubscribe@googlegroups.com.
To post to this group, send email to website-design-nz@googlegroups.com.
Visit this group at http://groups.google.com/group/website-design-nz.
For more options, visit https://groups.google.com/groups/opt_out.

MASTER PSYCHIC READER~ ACCURATE & AMUSING

Monday, December 16, 2013

0 comments
Your first 3 minutes are FREE talking live with me.

Please visit my website at: http://www.keen.com/Ask+Fran

Or, call me right now at: 1-800-275-5336 x0160

--
You received this message because you are subscribed to the Google Groups "Website Design Nz" group.
To unsubscribe from this group and stop receiving emails from it, send an email to website-design-nz+unsubscribe@googlegroups.com.
To post to this group, send email to website-design-nz@googlegroups.com.
Visit this group at http://groups.google.com/group/website-design-nz.
For more options, visit https://groups.google.com/groups/opt_out.

Re: Mouseover Problem

0 comments
Please include sample of code. 

On Wednesday, November 6, 2013 8:12:28 PM UTC-7, Sia wrote:
Hi, I have 2 listboxes (Items can moves between them) and i need to display the text description for each item when mouse over. Now, the description can be display properly for the items in listboxes but when i moved them between  listboxes , the description disappeared. How can i fix this?

--
You received this message because you are subscribed to the Google Groups "JavaScript Forum" group.
To unsubscribe from this group and stop receiving emails from it, send an email to javascript-information+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

Re: Coding help

0 comments
This just does not make sense to me. Why would anyone take a Javascript programming class when they have no understanding of HTML? Next we'll be reading some one asking to do their class programming project for them!

On Friday, December 13, 2013 8:12:46 AM UTC-7, AX wrote:


On Sunday, December 8, 2013 12:19:09 PM UTC-5, AX wrote:
I need help designing a javascript code for a school project.

Does anybody have an idea of how to create a survey page, where people can put 1 - 10 ranking on a given question?

Thank you for the help.


So i got an e-mail from a fellow programmer. Who suggested that the simple usage of HTML5 would suffice for the creation of survey page.
So the next question is, where would I be able to find a tutorial or something else that could teach me about how to create a survey type web page via HTML5?
 

--
You received this message because you are subscribed to the Google Groups "JavaScript Forum" group.
To unsubscribe from this group and stop receiving emails from it, send an email to javascript-information+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

Re: Coding help

Friday, December 13, 2013

0 comments
What do you ultimately want to do with the data the survey collects? If you want to collect it and aggregate it, you will also need a server scripting language like PHP, or Perl, or Ruby, or Node.js, or even MS-ASP plus database support.

Otherwise, all you can do is analyze the survey answers on the machine where they are produced. You could use HTML 5 localStorage to save the data on the local hard drive, but, again, the data will stay on that local machine...

On Friday, December 13, 2013 10:12:46 AM UTC-5, AX wrote:


On Sunday, December 8, 2013 12:19:09 PM UTC-5, AX wrote:
I need help designing a javascript code for a school project.

Does anybody have an idea of how to create a survey page, where people can put 1 - 10 ranking on a given question?

Thank you for the help.


So i got an e-mail from a fellow programmer. Who suggested that the simple usage of HTML5 would suffice for the creation of survey page.
So the next question is, where would I be able to find a tutorial or something else that could teach me about how to create a survey type web page via HTML5?
 

--
You received this message because you are subscribed to the Google Groups "JavaScript Forum" group.
To unsubscribe from this group and stop receiving emails from it, send an email to javascript-information+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

Re: Coding help

0 comments


On Sunday, December 8, 2013 12:19:09 PM UTC-5, AX wrote:
I need help designing a javascript code for a school project.

Does anybody have an idea of how to create a survey page, where people can put 1 - 10 ranking on a given question?

Thank you for the help.


So i got an e-mail from a fellow programmer. Who suggested that the simple usage of HTML5 would suffice for the creation of survey page.
So the next question is, where would I be able to find a tutorial or something else that could teach me about how to create a survey type web page via HTML5?
 

--
You received this message because you are subscribed to the Google Groups "JavaScript Forum" group.
To unsubscribe from this group and stop receiving emails from it, send an email to javascript-information+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

Re: long date range in javascript

Thursday, December 12, 2013

0 comments
By implementing your own custom perpetual calendar.

As you have found, the Date object built into JavaScript wasn't intended to support all time.

On Wednesday, December 11, 2013 4:46:12 AM UTC-5, Chako Pakodi wrote:

I am going to build a timeline with drag-n-drop functionality. Drag-n-drop works fine for me in IE, Chrome, FF and Safari. Now for a timeline there is a range from -15x10^9 to 15x10^9. I've tried to customize timeline.js and d3.js to fit this range. But after 10^6 it gives an error of NaN.

Below is the code to test the max value in moment.js and it prints NaN on console.


var iso_date = new Date(15000).toISOString();



 console
.log(':::iso_date:::',iso_date); //1969-07-11T09:20:00.000Z




 
var string_date = new Date(-15000000000).toString();

 console
.log(':::string_date:::',string_date); //Fri Jul 11 1969 14:50:00 GMT+0530 (India Standard Time)


How do I accommodate this range in javascript and display it on a timeline ?????

--
You received this message because you are subscribed to the Google Groups "JavaScript Forum" group.
To unsubscribe from this group and stop receiving emails from it, send an email to javascript-information+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

long date range in javascript

Wednesday, December 11, 2013

0 comments

I am going to build a timeline with drag-n-drop functionality. Drag-n-drop works fine for me in IE, Chrome, FF and Safari. Now for a timeline there is a range from -15x10^9 to 15x10^9. I've tried to customize timeline.js and d3.js to fit this range. But after 10^6 it gives an error of NaN.

Below is the code to test the max value in moment.js and it prints NaN on console.


var iso_date = new Date(15000).toISOString();



 console
.log(':::iso_date:::',iso_date); //1969-07-11T09:20:00.000Z




 
var string_date = new Date(-15000000000).toString();

 console
.log(':::string_date:::',string_date); //Fri Jul 11 1969 14:50:00 GMT+0530 (India Standard Time)


How do I accommodate this range in javascript and display it on a timeline ?????

--
You received this message because you are subscribed to the Google Groups "JavaScript Forum" group.
To unsubscribe from this group and stop receiving emails from it, send an email to javascript-information+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

accommodate long date range in javascript

0 comments

I am going to build a timeline with drag-n-drop functionality. Drag-n-drop works fine for me in IE, Chrome, FF and Safari. Now for a timeline there is a range from -15x10^9 to 15x10^9. I've tried to customize timeline.js and d3.js to fit this range. But after 10^6 it gives an error of NaN.

I've referred this question as well.

Below is the code to test the max value in moment.js and it prints NaN on console.

<script type="text/javascript"> var now = moment(); console.log(':::now:::',now); var a = moment([-150000000, 0, 29]); var b = moment([150000000, 0, 28]); console.log(a.diff(b)); // 86400000 console.log([Number.MAX_VALUE, Number.MIN_VALUE]); var iso_date = new Date(-15000000000).toISOString(); console.log(':::iso_date:::',iso_date); //1969-07-11T09:20:00.000Z var string_date = new Date(-15000000000).toString(); console.log(':::string_date:::',string_date); //Fri Jul 11 1969 14:50:00 GMT+0530 (India Standard Time) </script>

How do I accommodate this range in javascript and display it on a timeline ?????

--
You received this message because you are subscribed to the Google Groups "JavaScript Forum" group.
To unsubscribe from this group and stop receiving emails from it, send an email to javascript-information+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

Coding help

Sunday, December 8, 2013

0 comments
I need help designing a javascript code for a school project.

Does anybody have an idea of how to create a survey page, where people can put 1 - 10 ranking on a given question?

Thank you for the help.


--
You received this message because you are subscribed to the Google Groups "JavaScript Forum" group.
To unsubscribe from this group and stop receiving emails from it, send an email to javascript-information+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

Re: JavaScript Problem Updating Dynamically Created Form

Monday, December 2, 2013

0 comments
Now, don't you feel a tremendous sense of accomplishment for having solved this problem for yourself?

It's what makes my day, every time!

On Monday, December 2, 2013 12:03:22 AM UTC-5, pame...@aol.com wrote:
Hello:


After some serious research I found the solution to why the update form would only update
one created element.  It was because of the way I was updating it calling the form value

newdes = document.forms['form name'].description.value;

What was needed was the input unique id  and get the value that way.

It works every time .


PH

On Tuesday, November 26, 2013 1:06:48 PM UTC-6, pame...@aol.com wrote:
Hello


I have been pondering with this issue for a while.  I leave it and work around it but still have to come back to it  to get it working. 


I am dynamically creating CC which works fine each CC created give you an option to update the CC or delete it which either
when click on the button give you a popup dialog box in which you can delete or update.  I'm having an issue with the update.

When I try to update the first CC created it will update but if I try to update it again or any other CC created after it gives
me the information from the first update.  I have tried giving the form different names using an array I have given unique ids
and still I get the same result information from the first card updated for every card I try to update.  I can't figure out
what else I can do.  If I stepping on something or what.  Code sample below The update should allow a user to update
the card description and the month and year of expiration of card

 var itemCount = 0; //global variable
  var formupdateCounter = 0;
  var ccsummaryCount =0;
  var btnCount = 0;
  var regupdatecounter =0;
  var newccCount = 0;
  var nnextDivCounter = 0;
  var descCount = 0;
  var newdiv = 0;
  var submit =0;
  var confirm = 0;
  var thisForm = 0;
  var dialog = 0;
  var exp =0;
function registerCreditCard(){
 
 
  alert("Is it getting here");
 


 /********This code should do some DOM creatiaon of elements capturing imformation from
          form to add to My Credit Cards tab*******************************************/
    
  var card=  document.creditCardRegister.cardNumber.value;
  des = document.creditCardRegister.description.value;
  var expmonth = document.creditCardRegister.expirationMonth.value;
  var expyear = document.creditCardRegister.expirationYear.value;
  var spechar ="/";
  var monthyear = expmonth+spechar+expyear;
  var cshadow = new String('************', card.length - 4)
                  + card.substring(card.length - 4);
 /*This grabs all of the info from the form(creditCardRegister)*/

 
 
//This is for My Credit Cards Tab
 var element = document.getElementById("creditCards");                     
 

 var parent= element.parentNode;
 



var node=document.createTextNode("Card Number:" +cshadow+ " " + "Expiration:" + monthyear);

  var para2 = document.createElement("p");
  para2.id ="paragraph2";
  para2.style.position="relative";
  para2.style.left= "-10px";
 
  var nnode = document.createTextNode("Card Description:"  + des);
 
 
 
 //Create button Dynamic
 
 
   var button = document.createElement("button");
    button.setAttribute("id", 'btn' + ++btnCount);
    //button.id ="btn";      //need a counter
    button.className ="ui-button ui-widget ui-state-default ui-corner-all ui-state-hover ui-button-text-only";
    button.innerHTML ="Update";
    button.onclick = function() {                      // Note this is a function   Calling function updatebutton
        alert("creating form and dialog"); 
     
       
 /**************Create Update Form******************/
 
 
  var element2 = document.getElementById("creditCards");   
  
  
   var parent2= element2.parentNode;
 
    
     itemCount += 1;
     
    alert("What is the count Now" + itemCount);
   
    var newElement = document.createElement('div');
    newElement.setAttribute("id", 'updateCC' + itemCount);   
    newElement.setAttribute("style","display:none;");
  
      alert("Debugging");
      alert(" Trying to see What is the count Now" + itemCount);
  
    
    var nextDiv = document.createElement('div');
    nextDiv.className ="dialogWrapper";
    nextDiv.setAttribute("id", 'updateCCDialog' + ++dialog);
   
 
    alert("Appending Divs");
    var dynamicforms = new Array("dynamic1","dynamic2","dynamic3","dynamic4");
   
    var regupdateForm=document.createElement('form');
    regupdateForm.name =  "dynamicforms[thisForm]";
    regupdateForm.setAttribute("id", 'regupdate' ); 
    regupdateForm.className = "formupdate";
    regupdateForm.method='';
    regupdateForm.action='';

  
    alert("Start of form name creation count" + dynamicforms[thisForm]);
   
     var newdes = " ";
    var form_Msg = document.createElement('p');
    var msg_Node =document.createTextNode("Are you sure you want to update this card?");
   
   
    var firstInput = document.createElement('input');
    firstInput.setAttribute("id", 'comfirmupdate' + confirm);
    firstInput.name = "description";
    firstInput.setAttribute("value", newdes);
    alert("Trying to see what is des" + newdes);
    firstInput.setAttribute("style"," position:absolute; left:150px; top:30px;");
    firstInput.value =newdes;//getvalue from document.creditCardRegister.description.value;
    firstInput.type ="text";
    firstInput.required ="true";
   
    var formLabel =document.createElement('label');
    formLabel.setAttribute("for", description);
    formLabel.innerHTML = "* Card Description: ";
    formLabel.setAttribute("style"," position:absolute; left:18px; top:37px;");
      
  
   
    newElement.appendChild(nextDiv); 
    form_Msg.appendChild(msg_Node);
    form_Msg.appendChild(firstInput);
    form_Msg.appendChild(formLabel)
    regupdateForm.appendChild(form_Msg);
   
      alert("Start of form creation 0");
   
      
  
    alert("Is this append working for formInput");
   
    var nextLabel=document.createElement('label');
    nextLabel.innerHTML = "* Expiration: ";
    nextLabel.setAttribute("style"," position:absolute; left:18px; top:65px;");
   
     regupdateForm.appendChild(nextLabel);
   
   
    var month = new Array("January","Februray","March","April","May","June","July","August","September","October","November","December")
    var selectMonth =  document.createElement('select');
    selectMonth.name= "expirationMonth";
    //selectMonth.id = "expirationMonth";
    selectMonth.setAttribute("id", 'expirationMonth' + ++exp);
    selectMonth.className = "expirationMonth";
    selectMonth.setAttribute("style"," width:80px; position:absolute; top:65px; left:150px;");
     for(var i=0;i<month.length;i++)
      {
          var mt = i;
          mt = document.createElement('option');
          mt.text=month[i];
          mt.id="expMonth";
          mt.name="month";
          mt.value=month[i];
          selectMonth.appendChild(mt);
      }
     
   
     regupdateForm.appendChild(selectMonth);
     
  var selectYear = document.createElement('select');
      selectYear.name="expirationYear";
      selectYear.id="expirationYear";
      selectYear.name="expirationYear";
      selectYear.setAttribute("style"," width:80px; position:absolute; top:65px; left:240px;");
       for(var i=2013; i<=2024; i++)
        {
          var yr = i;
          yr = document.createElement('option');
          yr.text=i;
          yr.name="year";
          yr.value=yr;
          selectYear.appendChild(yr);
        }
     
   
      regupdateForm.appendChild(selectMonth);
      regupdateForm.appendChild(selectYear);
      newElement.appendChild(regupdateForm);
   
    alert("Start of form creation2");
   
   
    alert("Start of form creation3");
   
   
    var nnextDiv = document.createElement('div');
    nnextDiv.className ="UpdateCreditCardActions";
    nnextDiv.setAttribute("id", 'updatecc' +  ++newdiv);
     var formbuttonUpdate = document.createElement('button');
    formbuttonUpdate.setAttribute("id", 'updateformbutton');
    formbuttonUpdate.setAttribute("style"," position:absolute; left:295px; top:130px;");
    formbuttonUpdate.type= "submit";
    formbuttonUpdate.innerHTML ="Update";
  
    formbuttonUpdate.onclick = function() {
 
    alert("Inside form update function");
   
           
                                var newdes = document.forms['dynamicforms[thisForm]' ].description.value;
                                                            
                                alert("Inside update form what form name" + dynamicforms[thisForm]);
                              
                                                                                                                                                                                      *****************This function is where I'm running into my issue I continue to get same information
                                                                                                                                                                                                                    from first update*****************************************
                               
                                alert("Inside formupdate what is description" + newdes);
                                var updateMonth = document.forms['dynamicforms[thisForm]'].expirationMonth.selectedIndex;
                                alert("form is this working");
                              
                                var getMonth = document.forms['dynamicforms[thisForm]'].expirationMonth.options[updateMonth].value;
                                alert("Am I getting the month" + getMonth);
                               
                                                             
                                var updateYear = document.forms['dynamicforms[thisForm]'].expirationYear.selectedIndex;
                                var getYear= document.getElementById("expirationYear").options[updateYear].value;
                                 
                                  alert("Is year part working"+ updateYear);
                                 
                                 /**Need to call original form to get card number***/
                                alert("Am I getting card number" + card);
                                var spechar ="/";
                                var monthYear2 = updateMonth+spechar+getYear;
                                var ccshadow = new String('************', card.length - 4)
                                   + card.substring(card.length - 4);
                               
                                
                                  alert("Am I getting to yeare" + getYear);
                                 
                                  
                                  
                                  var newDescription ="Card Description: ";
                                  nnode.nodeValue =newDescription + newdes;
                                
                                  var cardNumber ="Card Number:";
                                  var cardExpiration = "Expiration:";
                                  alert("where is it bradking");  
                                  node.nodeValue =cardNumber + ccshadow + " " + cardExpiration + monthYear2;
                                                                  
                                  $("#updateCC" + itemCount).dialog("close");
                                   alert("Is counter working in update" +  itemCount);
                            
                                       
                                        //alert("trying to seet what is array name" + dynamicforms[a]);
                                   
                                        confirm +=1;                      
                                        regupdatecounter +=1;
                                       thisForm += 1;
                                       a +=1;
                                   
                                   };  //End of Update Dialog
   
 
********************There is more code to this huge function but not relevent*********************************************  .
}


I would really appreciate your help I traced through it until 3 am this morning nothing I tried works:(  I need another set of eyes


Thank You In Advance

PH

--
You received this message because you are subscribed to the Google Groups "JavaScript Forum" group.
To unsubscribe from this group and stop receiving emails from it, send an email to javascript-information+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

Re: JavaScript Problem Updating Dynamically Created Form

Sunday, December 1, 2013

0 comments
Hello:


After some serious research I found the solution to why the update form would only update
one created element.  It was because of the way I was updating it calling the form value

newdes = document.forms['form name'].description.value;

What was needed was the input unique id  and get the value that way.

It works every time .


PH

On Tuesday, November 26, 2013 1:06:48 PM UTC-6, pame...@aol.com wrote:
Hello


I have been pondering with this issue for a while.  I leave it and work around it but still have to come back to it  to get it working. 


I am dynamically creating CC which works fine each CC created give you an option to update the CC or delete it which either
when click on the button give you a popup dialog box in which you can delete or update.  I'm having an issue with the update.

When I try to update the first CC created it will update but if I try to update it again or any other CC created after it gives
me the information from the first update.  I have tried giving the form different names using an array I have given unique ids
and still I get the same result information from the first card updated for every card I try to update.  I can't figure out
what else I can do.  If I stepping on something or what.  Code sample below The update should allow a user to update
the card description and the month and year of expiration of card

 var itemCount = 0; //global variable
  var formupdateCounter = 0;
  var ccsummaryCount =0;
  var btnCount = 0;
  var regupdatecounter =0;
  var newccCount = 0;
  var nnextDivCounter = 0;
  var descCount = 0;
  var newdiv = 0;
  var submit =0;
  var confirm = 0;
  var thisForm = 0;
  var dialog = 0;
  var exp =0;
function registerCreditCard(){
 
 
  alert("Is it getting here");
 


 /********This code should do some DOM creatiaon of elements capturing imformation from
          form to add to My Credit Cards tab*******************************************/
    
  var card=  document.creditCardRegister.cardNumber.value;
  des = document.creditCardRegister.description.value;
  var expmonth = document.creditCardRegister.expirationMonth.value;
  var expyear = document.creditCardRegister.expirationYear.value;
  var spechar ="/";
  var monthyear = expmonth+spechar+expyear;
  var cshadow = new String('************', card.length - 4)
                  + card.substring(card.length - 4);
 /*This grabs all of the info from the form(creditCardRegister)*/

 
 
//This is for My Credit Cards Tab
 var element = document.getElementById("creditCards");                     
 

 var parent= element.parentNode;
 



var node=document.createTextNode("Card Number:" +cshadow+ " " + "Expiration:" + monthyear);

  var para2 = document.createElement("p");
  para2.id ="paragraph2";
  para2.style.position="relative";
  para2.style.left= "-10px";
 
  var nnode = document.createTextNode("Card Description:"  + des);
 
 
 
 //Create button Dynamic
 
 
   var button = document.createElement("button");
    button.setAttribute("id", 'btn' + ++btnCount);
    //button.id ="btn";      //need a counter
    button.className ="ui-button ui-widget ui-state-default ui-corner-all ui-state-hover ui-button-text-only";
    button.innerHTML ="Update";
    button.onclick = function() {                      // Note this is a function   Calling function updatebutton
        alert("creating form and dialog"); 
     
       
 /**************Create Update Form******************/
 
 
  var element2 = document.getElementById("creditCards");   
  
  
   var parent2= element2.parentNode;
 
    
     itemCount += 1;
     
    alert("What is the count Now" + itemCount);
   
    var newElement = document.createElement('div');
    newElement.setAttribute("id", 'updateCC' + itemCount);   
    newElement.setAttribute("style","display:none;");
  
      alert("Debugging");
      alert(" Trying to see What is the count Now" + itemCount);
  
    
    var nextDiv = document.createElement('div');
    nextDiv.className ="dialogWrapper";
    nextDiv.setAttribute("id", 'updateCCDialog' + ++dialog);
   
 
    alert("Appending Divs");
    var dynamicforms = new Array("dynamic1","dynamic2","dynamic3","dynamic4");
   
    var regupdateForm=document.createElement('form');
    regupdateForm.name =  "dynamicforms[thisForm]";
    regupdateForm.setAttribute("id", 'regupdate' ); 
    regupdateForm.className = "formupdate";
    regupdateForm.method='';
    regupdateForm.action='';

  
    alert("Start of form name creation count" + dynamicforms[thisForm]);
   
     var newdes = " ";
    var form_Msg = document.createElement('p');
    var msg_Node =document.createTextNode("Are you sure you want to update this card?");
   
   
    var firstInput = document.createElement('input');
    firstInput.setAttribute("id", 'comfirmupdate' + confirm);
    firstInput.name = "description";
    firstInput.setAttribute("value", newdes);
    alert("Trying to see what is des" + newdes);
    firstInput.setAttribute("style"," position:absolute; left:150px; top:30px;");
    firstInput.value =newdes;//getvalue from document.creditCardRegister.description.value;
    firstInput.type ="text";
    firstInput.required ="true";
   
    var formLabel =document.createElement('label');
    formLabel.setAttribute("for", description);
    formLabel.innerHTML = "* Card Description: ";
    formLabel.setAttribute("style"," position:absolute; left:18px; top:37px;");
      
  
   
    newElement.appendChild(nextDiv); 
    form_Msg.appendChild(msg_Node);
    form_Msg.appendChild(firstInput);
    form_Msg.appendChild(formLabel)
    regupdateForm.appendChild(form_Msg);
   
      alert("Start of form creation 0");
   
      
  
    alert("Is this append working for formInput");
   
    var nextLabel=document.createElement('label');
    nextLabel.innerHTML = "* Expiration: ";
    nextLabel.setAttribute("style"," position:absolute; left:18px; top:65px;");
   
     regupdateForm.appendChild(nextLabel);
   
   
    var month = new Array("January","Februray","March","April","May","June","July","August","September","October","November","December")
    var selectMonth =  document.createElement('select');
    selectMonth.name= "expirationMonth";
    //selectMonth.id = "expirationMonth";
    selectMonth.setAttribute("id", 'expirationMonth' + ++exp);
    selectMonth.className = "expirationMonth";
    selectMonth.setAttribute("style"," width:80px; position:absolute; top:65px; left:150px;");
     for(var i=0;i<month.length;i++)
      {
          var mt = i;
          mt = document.createElement('option');
          mt.text=month[i];
          mt.id="expMonth";
          mt.name="month";
          mt.value=month[i];
          selectMonth.appendChild(mt);
      }
     
   
     regupdateForm.appendChild(selectMonth);
     
  var selectYear = document.createElement('select');
      selectYear.name="expirationYear";
      selectYear.id="expirationYear";
      selectYear.name="expirationYear";
      selectYear.setAttribute("style"," width:80px; position:absolute; top:65px; left:240px;");
       for(var i=2013; i<=2024; i++)
        {
          var yr = i;
          yr = document.createElement('option');
          yr.text=i;
          yr.name="year";
          yr.value=yr;
          selectYear.appendChild(yr);
        }
     
   
      regupdateForm.appendChild(selectMonth);
      regupdateForm.appendChild(selectYear);
      newElement.appendChild(regupdateForm);
   
    alert("Start of form creation2");
   
   
    alert("Start of form creation3");
   
   
    var nnextDiv = document.createElement('div');
    nnextDiv.className ="UpdateCreditCardActions";
    nnextDiv.setAttribute("id", 'updatecc' +  ++newdiv);
     var formbuttonUpdate = document.createElement('button');
    formbuttonUpdate.setAttribute("id", 'updateformbutton');
    formbuttonUpdate.setAttribute("style"," position:absolute; left:295px; top:130px;");
    formbuttonUpdate.type= "submit";
    formbuttonUpdate.innerHTML ="Update";
  
    formbuttonUpdate.onclick = function() {
 
    alert("Inside form update function");
   
           
                                var newdes = document.forms['dynamicforms[thisForm]' ].description.value;
                                                            
                                alert("Inside update form what form name" + dynamicforms[thisForm]);
                              
                                                                                                                                                                                      *****************This function is where I'm running into my issue I continue to get same information
                                                                                                                                                                                                                    from first update*****************************************
                               
                                alert("Inside formupdate what is description" + newdes);
                                var updateMonth = document.forms['dynamicforms[thisForm]'].expirationMonth.selectedIndex;
                                alert("form is this working");
                              
                                var getMonth = document.forms['dynamicforms[thisForm]'].expirationMonth.options[updateMonth].value;
                                alert("Am I getting the month" + getMonth);
                               
                                                             
                                var updateYear = document.forms['dynamicforms[thisForm]'].expirationYear.selectedIndex;
                                var getYear= document.getElementById("expirationYear").options[updateYear].value;
                                 
                                  alert("Is year part working"+ updateYear);
                                 
                                 /**Need to call original form to get card number***/
                                alert("Am I getting card number" + card);
                                var spechar ="/";
                                var monthYear2 = updateMonth+spechar+getYear;
                                var ccshadow = new String('************', card.length - 4)
                                   + card.substring(card.length - 4);
                               
                                
                                  alert("Am I getting to yeare" + getYear);
                                 
                                  
                                  
                                  var newDescription ="Card Description: ";
                                  nnode.nodeValue =newDescription + newdes;
                                
                                  var cardNumber ="Card Number:";
                                  var cardExpiration = "Expiration:";
                                  alert("where is it bradking");  
                                  node.nodeValue =cardNumber + ccshadow + " " + cardExpiration + monthYear2;
                                                                  
                                  $("#updateCC" + itemCount).dialog("close");
                                   alert("Is counter working in update" +  itemCount);
                            
                                       
                                        //alert("trying to seet what is array name" + dynamicforms[a]);
                                   
                                        confirm +=1;                      
                                        regupdatecounter +=1;
                                       thisForm += 1;
                                       a +=1;
                                   
                                   };  //End of Update Dialog
   
 
********************There is more code to this huge function but not relevent*********************************************  .
}


I would really appreciate your help I traced through it until 3 am this morning nothing I tried works:(  I need another set of eyes


Thank You In Advance

PH

--
You received this message because you are subscribed to the Google Groups "JavaScript Forum" group.
To unsubscribe from this group and stop receiving emails from it, send an email to javascript-information+unsubscribe@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.

MASTER PSYCHIC READER~ ACCURATE & AMUSING

0 comments
Your first 3 minutes are FREE talking live with me.

Please visit my website at: http://www.keen.com/Ask+Fran

Or, call me right now at: 1-800-275-5336 x0160

--
You received this message because you are subscribed to the Google Groups "Website Design Nz" group.
To unsubscribe from this group and stop receiving emails from it, send an email to website-design-nz+unsubscribe@googlegroups.com.
To post to this group, send email to website-design-nz@googlegroups.com.
Visit this group at http://groups.google.com/group/website-design-nz.
For more options, visit https://groups.google.com/groups/opt_out.

Copyright © 2010 Web Design | Free Blogger Templates by Splashy Templates | Layout by Atomic Website Templates

Vida de bombeiro Recipes Informatica Humor Jokes Mensagens Curiosity Saude Video Games Animals Diario das Mensagens Eletronica Rei Jesus News Noticias da TV Artesanato Esportes Noticias Atuais Games Pets Career Religion Recreation Business Education Autos Academics Style Television Programming Motosport Humor News The Games Home Downs World News Internet Design Entertaimment Celebrities 1001 Games Doctor Pets Net Downs World Enter Jesus Mensagensr Android Rub Letras Dialogue cosmetics Genexus lasofia thebushrajr wingshock tripedes gorduravegetal dainfamia dejavu-transpersonal jsbenfica republicadasbadanas ruiherbon iranianforaryans eaystcheyl fotosdanadir Só Humor Curiosity Gifs Medical Female American Health Madeira Designer PPS Divertidas Estate Travel Estate Writing Computer Matilde Ocultos Matilde futebolcomnoticias girassol lettheworldturn topdigitalnet Bem amado enjohnny produceideas foodasticos cronicasdoimaginario downloadsdegraca compactandoletras newcuriosidades blogdoarmario arrozinhoii