Gr8 Code, on how the code saved the day ^_^

Email address extractor with jQuery Regex and jsBin

2011-11-26T14:28:00.001-05:00

All these years I've received a lot of those emails that says kind of "send this to ten close friends...". Well, now I found an interesting application for those emails, I am currently working in an email campain with Mail Chimp and I need a lot of email addresses for setting this up. Then I checked out all these mass emails and created a text file with all the content, then I needed to extract from that content, all email addresses for the campaing.

Using jsBin and jQuery I created this simple yet useful email addresses extractor, I hope you find this gr8 code as useful as I did.

http://jsbin.com/aribic/14

Modern Web Form Design

2011-04-17T12:50:00.001-05:00

This is my outline/notes on Modern Web Form Design by Luke Wroblewski at Mix10

Rich Interactin to enhance standard forms

Dynamic inline forms

Inline multi-step (accordion) forms should not efect conversion rates
People were fastest with the inline multi-step form
People do not think of section headers as form actions/elements
Inline multi-step forms do not inherently have more usability issues than single or multipage forms

Unnecessary Inputs

Any question you ask requires people to:

Parse it
Formulate a response
Input their answer

Be vigilant about every question you ask

Can it be removed?
Can it be postponed?
Can it be inferred?

Selection Dependent Inputs

BEST PRACTICE

If lots of dependent inputs, use page-level
Vertical & horizontal tabs perform well but have mutual exclusivity issues
Long lists of initial inputs, few dependent inputs for each, use drop-down menu
Short list of initial options & few dependents, exposed inline
Maintain clear relationship between initial selection options
Clearly associate additional inputs with their trigger
Avoid "jumping" that disassociates initial selection options

Inline Validation

Versus a page submit/refresh model

22% increase in completions
31% increase in satisfaction ratings
42% decrease in completion times
22% decrease in errors made
47% decrease in number of eye fixations

BEST PRACTICES

Use inline validation for inputs that have potentially high error rates
Validate "open" inputs after people finish
Keep validation messages persistent
Use suggested inputs to disambiguate
Avoiding "jumping" forms around

Forms on mobile devices

The rule of thumb is to limit the use of forms in the mobile context, Mobile Web Design & Development, O'Reilly 2009

Field zoom

Use top aligned fields instead of left aligned

When data being collected is familiar
Minimize time to completion
Flexibility for localization and complex inputs
Easier to code: no floats or tables
Accessibility: label, field in order
Better format for mobile screen
Support help/error messaging column
Require more vertical space

Input Types

Take advantage of HTML5 input types:

Usability suffers when users type in passwords and the only feedback they get is a row of bullets. Typically, masking passwords doesn't even increase security, but i does cost you business due to login failures, Jakob Nielsen, 2009

Pop-Up & Compound Menus

Use pop-up and compund controls to simplify data input

Device Capabilities

Form Fields
Location
Gestures
Audio
Images

More Information

@lukewdesign
www.lukew.com/ff/

Web Form Design

www.rosenfeldmedia.com/books/webforms/

How to warn the user that all unsaved changes will be lost when he is leaving the page Part 3

2011-04-15T22:11:00.000-05:00

Here is some progress on my jQuery plugin for warning a user when he is leaving the page and there are unsaved changes.

    1 // Version 0.2
    2 // April 10 2011 22:54
    3 // Julian Vargas
    4 // http://gr8code.blogspot.com
    5 
    6 (function () {
    7     var userIsEditing = false;
    8     var message = "Do you really want to abandon this page?, unsaved changes will be lost.";
    9     var controlsToObserve = ":input, :text, :password, :radio, :checkbox, select";
   10     var eventsToObserve = "keyup change";
   11 
   12     // the function is declared as a 'var' for DRY.
   13     var confirmation = function (event) {
   14         if (userIsEditing && !confirm(message))
   15             event.preventDefault();
   16     }
   17 
   18     $("a").click(confirmation);
   19     $(window).unload(confirmation);// This still needs improvements
   20 
   21     $(controlsToObserve).bind(eventsToObserve, function () { userIsEditing = true; });
   22 
   23 })();

On Using jQuery Deferred and Promises

2011-04-13T16:15:00.000-05:00

Julian Aubourg and Addy Osmani provide a very comprehensive explanation on Creating Responsive Applications Using jQuery Deferred and Promises, worth check it out.

How to warn the user that all unsaved changes will be lost when he is leaving the page Part 2

2011-04-10T23:34:00.003-05:00

I come back to show some progress on How to warn the user that all unsaved changes will be lost when he is leaving the page. This is my current implementation.

    1 //Version 0.1
    2 //April 10 2011 22:54
    3 //Julian Vargas
    4 //http://gr8code.blogspot.com
    5 (function () {
    6     var userIsEditing = false;
    7     var message = "Do you really want to abandon this page?, unsaved changes will be lost."
    8 
    9     $("a").click(function (event) {
   10         if (userIsEditing)
   11             if (!confirm(message))
   12                 event.preventDefault();
   13     });
   14 
   15     $(":input, :text, :password, :radio, :checkbox").bind("keyup", function () {
   16         userIsEditing = true;
   17     });
   18 
   19 })();

How to modify an IFrame behaviour with jQuery

2011-04-07T15:40:00.001-05:00

This post is about how I used jQuery to work out a situation regarding two existing
applications.

The situation is this. We have two applications MainApp and SubApp,
MainApp loads SubApp in a IFrame and passes two out of three querystring parameters.

Now the SubApp was modified to use the third parameter but the MainApp is not currently
passing it and we are not allowed to perform any change to MainApp because it is
a legacy application compiled with framework 1.1. So, what we did was edit the MainApp.aspx
file and add the next lines:

<script language="javascript" src="jquery.min.js"></script>

<script language="javascript" src="querySt.js"></script>

<script language="javascript">

    $(document).ready(function () {

        var $frame = $("#IFrameForSubApp");

        var address = $frame.attr('src');

        address = address + 
                '&ThirdParameter=' + querySt('ThirdParameter');

        $frame.attr(
                'src', address);

});

</script>

That's it, this is how The Code Saved The Day.

On "How to Create Effective Facebook Wall Posts"

2011-04-07T13:49:00.000-05:00

This morning I read this post called
How to Create Effective Facebook Wall Posts by Courtney Boyd Myers. The
post summarises the results of a research performed by Buddy Media; the research
was about the "Likes" and comments on all Facebook Wall Posts. My notes on this
are:

Marketers work Monday through Friday but Facebook is always available.
Post with up to 80 words lenght have a higher engagement raten than longer posts.
Engagement rates are 3 times higher for posts that used a full-length URL, rather
than a URL shortener.
Posting outside normal business hours icreasees the engagement rates.
Engagement rates on Thursday and Friday are higher than other days of the week.
Keywords as "Events" or "Winning" were associated with promotions that had the highest
engagement, while “buy,” and “shop” had low engagement.

A pattern for binding items to a ListControl

2011-04-06T17:06:00.001-05:00

Almost every time that I create a webform, I have to put a DropDownList or other
ListControl in order to bind a set of values. Doing this is fairly simple, just
set the properties DataSource, DataValueField and DataTextField to the appropriated
values and then perform a DataBind, but notice that this implies writing four lines
of code just to perform this particular task and when you have more ListControls
in a single webform, the amount of code for doing this binding would be overwhelming.
That is why I developed the BindHelper Pattern, which is simply a set of functions
that perform the binding task for me. For instance, if we have an entity called
CountryBrl (the suffix Brl stands for BusinessRulesLayer) and we want to have a
bindhelper for it, then the code would be like this:

Partial Public Class CountryUil

Public Shared Sub Bind(ByVal control As ListControl, _
   ByVal objList As List(Of CountryBrl), _
   Optional ByVal firstItem As ListItem = Nothing, _
   Optional DataTextField As String = "Name")

   SortList.SortByProperty(objList,_
   DataTextField, _
   SortOrder.Asc)

   control.DataSource = objList
   control.DataValueField = "ID"
   control.DataTextField = DataTextField
   control.DataBind()

   'Commonly used for a "Select" item
   If Not firstItem Is Nothing Then
   control.Items.Insert(0, firstItem)
   End If

End Sub

  Public Shared Function BindToListControl(ByVal control As ListControl, _
   Optional ByVal firstItem As ListItem = Nothing, _
   Optional DataTextField As String = "Name") _
   As List(Of CountryBrl)

   Dim objList As List(Of CountryBrl)

   objList = CountryBrl.GetAll()

   Bind(control, objList, _
   firstItem:=firstItem, _
   DataTextField:=DataTextField)

   Return objList

  End Function

End Class

The code above implements:

A class called CountryUil (the suffix Uil stands for User Interface Layer).
A static core method responsible for the binding task: this method receives the
ListControl to bind the data to, a list of entities as the data source, and optional
parameter to show at the top of the ListControl (Commonly used for “Select”) and
an optional parameter that specifies the field to be used as the DataTextField in
the ListControl.
A static method called BindToListControl which receives the same parameters except
for the list of entities. This method loads the data from the model, sorts the data
by the field corresponding to the parameter DataTextField and then calls the method
Bind.

To clarify how to use this class I proceed to show some examples:

Protected  Sub Page_Load(ByVal sender As Object, _
   ByVal e As System.EventArgs)

   'ddlCountries is a DropDownList
   'chkCountries is a ChekBoxList

   'The default configuration: loads all
   'the countries and binds them to
   'the control showing the name and putting
   'as the first item the "Select"
   CountryUil.BindToListControl(ddlCountries, _
     New ListItem("Select", 0))

   'Loads all the countries and binds them to
   'the control showing the CountryCode
   'and putting as the first item the "Select"
   CountryUil.BindToListControl(ddlCountries, _
   New ListItem("Select", 0), _
   "CountryCode")

   'Loads all the countries and binds them to
   'the control showing the CountryCode
   CountryUil.BindToListControl(chkCountries, _
   DataTextField:="CountryCode")

   'Loads all the countries and binds them to
   'the control showing the Name
   CountryUil.BindToListControl(chkCountries)

   'performs the binding using a set of data
   'available in the session
   CountryUil.Bind(chkCountries, Session("Countries"))

End Sub

And that’s it, we performed multiple binds by calling the same utility and this
is saving us a lot of code and time.

It is important to mention that I do not write this kind of code by hand, I use
a code generator to do it for me. The generator creates BindHelpers for every single
table in my database including the methods for binding by foreign keys like this:

CityUil.BindToListControlByCountryId(chkCities, intCountryId,...)
And since the class is generated as partial, I am able to create custom bind methods
in a separate file, very useful when working with code generators.
I hope this Code Saves Your Day as it did with mine.

How to warn the user that all unsaved changes will be lost when he is leaving the page

2011-04-05T13:49:00.000-05:00

Recently I was asked to implement the following requirement in all my webforms:
"When the user is leaving a page, the application must show a confirm dialog warning the user that if he leaves the page, will lose all unsaved changes"
I decided to implement this with jQuery because I already have included the reference in all my webforms as well as some standard scripts which I use through out my applications.

What I did was add the next lines to an existing script file:

var isEditing = false;
$(document).ready(function () {
  $(":input, :text, :password, :radio, :checkbox")
   .bind("keyup change",function () {
   isEditing = true;
   });

  $("a").click(function (event) {
   if(isEditing)
     if(!confirm("Warning message"))
   event.preventDefault();
  });
});

Certainly this Code Saved the Day, but giving a closer look at this code one can note some issues to bear in mind:
-Global variables are not a good practice
-The dialog does not show up when the user close the window
-The dialog does not show up when the user clicks a button

I will fix these issues shortly, perhaps by implementing the appropriate jQuery plug-in.

Creating PDF Documents with ASP.NET and iTextSharp

2011-04-04T17:42:00.000-05:00

I read the article Creating PDF Documents with ASP.NET and iTextSharp by Scott Mitchell and I found it very useful, especially the section where he explains how to create a pdf file from an html template. Now I'm trying to create a helper that receives a URL and creates the pdf for me, this is because I use to create my reports in webforms, and it would be very useful if one could take the content of that report and generate a pdf file with it.
One thing to bear in mind before trying to create the pdf with this approach is that you cannot have any button of link in the page; otherwise the parser will throw an exception. The other thing is that your page has to have inline styles (which is not a good practice) in order to generate the pdf file with all your design.

'This works with URLs in the same site, I got an exception when

'trying others like http://gr8code.blogspot.com

Dim webPage As System.Net.WebRequest = _ System.Net.WebRequest.Create("http://someurl")

Dim sReader As New IO.StreamReader( _
webPage.GetResponse().GetResponseStream())

'gets all the response as you
see it in the 'View source'

Dim strContent = sReader.ReadToEnd()

Dim parsedHtmlElements = _
   HTMLWorker.ParseToList(New
StringReader(strContent),
Nothing)

Dim document As New Document(PageSize.LEGAL, 50, 50, 25, 25)

Dim output As FileStream = _
   New FileStream(Server.MapPath("myFile.pdf"),
FileMode.Create)

Dim writer = pdf.PdfWriter.GetInstance(document,
output)

document.Open()

For Each htmlElement In parsedHtmlElements
   document.Add(htmlElement)
Next
document.Close()

The helper is still far from being ready but I think this is a good starting point.

10 Essential Web Application Usability Guidelines by Oleg Mokhov

2011-04-04T14:14:00.001-05:00

Keypoints on 10 Essential Web Application Usability Guidelines by Oleg Mokhov

1. Have a Consistent and Standardized UI: Keep the interface constant and use standardized elements.

2. Guide the user: Make clear where to click to progress. If one action is more important that other, have the button or action area for it prominently displayed.

3. Make (Call-to-Action) Interactive Objects Obvious: Make click and tap targets as large as possible, make the interactive objects big and obvious. Make the interactive objects noticeably bigger than the surrounding elements.

4. Give Feedback - Both for User's Interacting and Progressing: Give visual feedback then a user's interacting, as well as the user's progress if applicable.

5. Never Have Users Repeat Anything & Keep Signup Info to a Minimum: Ask for any info only once.

6. Always Have Default Values in Fields and Forms: Having a simple default value in a text field will push the user in the right direction as to what they need to type in.

7. Explain How the Inputted Info Will Be Used: Make it clear, comfortable and affirming as possible for the users how the info will be used ("Your email will be your login username", "Your location will be used to *do something*")

8. Don't Have any Reset or Mass-Delete Buttons: There's almost no situation where a user will have to wipe every scrap of data and start again.

9. Have Clear and Explanatory Error & Success Messages: Instead of "Oops, something went wrong" message that doesn't inspire confidence, have something more specific and explanatory like "Our database which holds your account info is temporarily inaccessible and will be back shortly".

10. Include a Clear Visual Hierarchy and Navigation (Breadcrumbs): Make sure your layout and navigation is very clear. Have clear 'breadcrumbs' at the top of the page.

Number Decimal Separator

2011-04-03T21:41:00.000-05:00

Remember, Threading.Thread.CurrentThread.CurrentCulture.NumberFormat.NumberDecimalSeparator gives us the character used for decimals, then we can :

Dim separator As String = Threading.Thread.CurrentThread.CurrentCulture.NumberFormat.NumberDecimalSeparator

Dim strNumber As String = "1.0" 'A string number with dot as separator
strNumber = strNumber.Replace(".", separator).Replace(",",separator) 'Replaces dot or comma for the current separator

Dim value As Double = CDbl(strNumber)' Casts the string to Double

The Transformative Power of Personal Projects

2011-03-31T15:49:00.000-05:00

These are my mental notes on The Transformative Power of Personal Projects by Ji Lee

Conclusion:
I can't depend on others to make things happen.

Solution:
I'll just have to doit myself.

Includes:
1. Creation
2. Planning
3. Financing
4. Production
5. Marketing

What personal projects taught me
Personal and professional projects compliment each other.
Creating platforms is powerful. (Creating an oper project to allow other to participate)
Time is a concept which can be stretched.(Time is just an idea and it can be changed)
Sharing is rewarding.

Generate Insert Queries for a given table

2010-10-19T14:22:00.006-05:00

Oftentimes I face the challenge of migrating data from one SQL Server database to another of the same type. I'm not going to discuss the reasons why I chose to do it this way, I just want to share this utility with the community because it has been very useful for me. The solution is to create an stored procedure that generates insert queries for every single record in a given table, like this:

Exec dbo.GenerateInsertQueriesFor 'Student'

By running the procedure I will get in the results pane, an insert query with the values of each tuple in the table Student. Then I can copy the results and paste it and run it in other database. The procedure uses the information_schema to introspect the table and know what columns it has. Each column name is concatenated to the insert query and all values are treated as string. Here is the source code of the stored procedure:

Create Procedure dbo.GenerateInsertQueriesFor

@TableName Varchar(max)

Generate Insert Queries for a given table

Created by: Julian Vargas

Url: http://gr8code.blogspot.com

On: October 19 2010

Declare @ColumnName varchar(max)

Declare @DataType Varchar(max)

Declare @Insert Varchar(max)

--Initial structure of the insert query

Set @Insert = 'Select ''Insert Into '

+ @TableName

+ ' Values('

--A cursor to navigate through the list of columns in the table

--specified by @TableName

Declare Columnas Cursor For

--Uses the information schema for listing the columns

Select Column_Name, Data_Type

From Information_Schema.Columns

Where Table_Name =@TableName

Open Columnas

Fetch Next From Columnas Into @ColumnName, @DataType

The final query will look like this:

Select 'Insert Into Student Values(' + ''''

+ Cast(IsNull(StudentId,0) As Varchar(max))

+ '''' + ',' + '''' + Cast(IsNull(Name,'') As Varchar(max))

+ '''' + ')'

From Student

after running the query, the result will look like this:

Insert Into Student Values('1','Jhon')

Notice that all columns are casted to varchar for allowing concatenation

and also are inside quotes to treat them as string and let SQL Server

to convert them to their corresponding values.

To determine if the datatype is any numerical type, the

funcion CharIndex is used like this:

CharIndex(' int ' , ' bigint int smallint ...') is equal to 8

CharIndex(' smallint ' , ' bigint int smallint ...') is equal to 12

CharIndex(' varchar ' , ' bigint int smallint ...') is equal to 0

While @@Fetch_status = 0 Begin

Set @Insert = @Insert

-- 1quote 4quotes

+ ''' + '''''''' + Cast(IsNull('+@ColumnName+','+

Case CharIndex(' '+@DataType+ ' ', ' bigint int '

+'smallint tinyint bit decimal numeric money '

+'smallmoney float real ')

-- 2quotes

When 0 Then '''''' Else '0' End

-- 4quotes

+') As Varchar(max)) + '''''''' + '','

Fetch Next From Columnas Into @ColumnName, @DataType

End

Close Columnas

Deallocate Columnas

--Remove the last comma

Set @Insert = Substring(@Insert, 1, Len(@Insert)-1)

--Closes the sentence

Set @Insert = (@Insert + ')'' From ' + @TableName)

--Runs the query

Exec(@Insert)

One thing to keep in mind is that you have to enable identity insert before running the final scripts.
I hope you find the procedure useful as I do.

My lovely table

2010-10-18T20:42:00.003-05:00

This project is a
jQuery plugin for displaying tabular data into html tables, this was inspired
by some personal needs but it is aimed at satisfying all the patterns described
in the post
Ultimate guide to table UI patterns by Janko Jovanovic,
Ultimate guide to table UI patterns by Theresa Neil,
15 tips for designing terrific tables by Joshua Johnson and
The big table issue by Jin. The plugin is going to be delivered
progresively as the following requirements are satisfied.

Requirements

Alternating row styling
Full row selection
Table sections: Grouping relateddata
Sorting
Filtering
Pagination
Continious scrolling: As a constrast to pagination, shows new rows when scrolling
down
Fiex table header
Headerless table
Expandable rows
Row actions
Inline actions: at the beginning or the end of the row.
Hover actions: display a menu somewhere in the data when certain event occurs.
Actions on multiple rows
Inline editing

Another important requirement is to allow the footer to contain controls for adding
new rows to the table

Instantly Kill Bad Programs in Windows - Tekzilla Daily Tip

2010-10-09T12:35:00.000-05:00

Ten Laws to Design By

2010-08-25T21:56:00.000-05:00

Ten Laws to Design By

Exporting webforms to Excel files

2010-08-03T21:39:00.000-05:00

In this post I will explain a simple way to generate excel files out of webforms using mime types.

It is very easy, just follow this steps:

1. In the "@ page" declaration, add these attributes: EnableViewState="false" CodePage="1252". By disabling viewstate you prevent some errors when opening the file with Excel and the CodePage is for allowing unicode characters to be displayed correctly in the worksheet.

2. In the Page_Load handler, type the following line:
Response.ContentType = "application/vnd.ms-excel"
It is important to use this value because others (application/excel and application/ms-excel) does not work always.

3. Do not use CSS files. Since your content will be generated as an Excel file, you cannot link to external files. To allow styles, put all your css in the same page.

That's it, by performing these steps you can now export an aspx page to a Excel file.

Related articles by Zemanta

Readable queries

2010-08-01T20:34:00.012-05:00

It is important to every developer, to write semantic query to allow himself or other to easily understand what a query is intended to do. In this post I'm going to describe a simple technique that I use every day to make my database queries easy to read and understand.

Let us suppose that we have the following database:

Casing
Write your queries using Pascal Casing, i.e, capitalize the first character of every word as in:

Select * From Student

Joins

When writing 'joins', put the main entity in the first place. For instance, if I need to know all the students and their courses, notice that here I am talking about the students, so the query would look like this:

Select *

From Student s Join StudentCourse sc

On s.StudentId = sc.StudentId

In this query, notice that I used an alias for each table, since my tables are named using Pascal Casing, I can use the first character of every word for compounding the corresponding alias. Also notice that 'On' statement is indented used one tab which commonly is equivalent to four white spaces. The comparison of values for the join is made following the same order of the tables, first for Student and then for StudentCourse.

If you need to write longer joins as in 'students with their corresponding payment and the courses', the query would be written as follows:

Select *

   From Student s Join Payment p
   On s.StudentId = p.StudentId
   Join StudentCourse sc
   On s.StudentId = sc.StudentId

Here I put the second join in a new line and keep the intent for the on statement. This is very useful when writing very long queries that imply joining data between several tables.

Select
In the select statement put the columns separated by comma in the same line except for those that either has an alias or is inside any function or both like this:

Select Name, LastName, Hobby,

Datepart(Year, Isnull(DoB, getDate())) Year,

Amount, Description

From Student s Join Payment p

On s.StudentId = p.StudentId

Notice that in this query, the Select and the From are separated by a blank line, this is easily separate the sections of the query. This query is written in Ms Sql Server but the idea applies for other engines as well.

Sub-queries
When writing sub-queries, follow the same rules but tab each sub-query according to its level and use the parenthesis as in the following example:

Select *
From Student s Join (
   Select StudentId
   From Payment
   Where Amount > 0
) HavePayments
   On s.StudentId = Havepayments.StudentId

In and not in

Put the in or the not in at the end of the where statement, this avoid confusing when reading the query. Compare these two queries:

Select *
From Student s
Where DoB = getDate()
And Name = 'Bob'
And StudentId Not In(
   Select StudentId
   From Payment
   Where Amount > 0

)

Select *
From Student s
Where DoB = getDate()
And StudentId Not In(
   Select StudentId
   From Payment
   Where Amount > 0

)
And Name = 'Bob'

The first query is easier to understand because after the not in there is no more query to read so you don't have to keep in mind the rest of the predicates in the where statement.

Conclusion

This techniques help to write more semantic queries, easy to read and easy to understand. The examples given above are written in sql server but the main idea can be applied to other database engies.

Every query is different and no rules can be taken so seriously because you cannot force your query requirements fit these recommendations, but certainly you will notice the benefits of applying these techniques to your queries specially then they turn very long and complex.

DISP_E_OVERFLOW

2010-07-16T15:09:00.003-05:00

When working with Interop Excel, is better to read values from a given cell by using mySheet.Range("A2").Value2 instead of mySeet.Range("A2").Value. This is because when a cell is not displaying the whole content, for instance "######" the property Value will throw the exception DISP_E_OVERFLOW, but when you are using Value2 you will get the actual value inside the cell rather than the value displayed on the screen.

Setting up Django

2010-07-15T17:58:00.001-05:00

I am currently beggining to work with Django, I followed the tutorial but in the second part, when trying to run the admin/ page, I get the error:

name 'admin' is not defined

Later I noticed that the tutorial shows how the file urls.py should look like, and that there three lines uncommented:

from django.contrib import admin
admin.autodiscover()

(r'^admin/', include(admin.site.urls))

I was missing the first two lines.

Get Query String Using Javascript

2010-07-09T20:26:00.008-05:00

Weeks ago I needed to get queystring parameters using JavaScript. I found a function called querySt(), this function is quite useful but I added an extra line that returns the string "undefined" in the case that the requested parameter does not exists in the querystring. My final code is:

function querySt(ji) {

hu = window.location.search.substring(1);

gy = hu.split("&");

for (i = 0; i < gy.length; i++) {

ft = gy[i].split("=");

if (ft[0] == ji) {

return ft[1];

}

return "undefined";

}