|
In Chrome you can view the values of javascript objects.
After you 'Inspect Element' to load up the Source, look for the javascript objects in the code behind files and then in the Chrome console if you type the object name it will tell you the value. Remember to look at the Scripts tab and you can change between all the referenced javascript source files to inspect them.
If you come across any files that have been minified, you can click the {} (Pretty Print as google call it) button at the bottom and it will make the source more readable.
You can also change the value and also run any JS functions, JQuery against the DOM and all sorts. You can also change attributes and values of the CSS if you are doing testing etc.
|
|
|
|
|
Something else I need to learn 
|
|
|
|
|
I thought about that this morning, was considering writing a Beginners guide to Browser debugging article........
|
|
|
|
|
DaveAuld wrote: a Beginners guide to Browser debugging
Which would certainly be well received.
|
|
|
|
|
|
See my comment, and I did vote a 5, but it doesn't show in my message title.
Unrequited desire is character building. OriginalGriff
I'm sitting here giving you a standing ovation - Len Goodman
|
|
|
|
|
That would be super useful. 
Somebody in an online forum wrote: INTJs never really joke. They make a point. The joke is just a gift wrapper.
|
|
|
|
|
Ok, i've already started.......... may take some time, trying to get the structure and appropriate content is a challenge!
|
|
|
|
|
|
Ok, this is the right reply
I've written some C# code to access this data using a WebBrowser object.
Are you interested in?
|
|
|
|
|
Good Day All
in my page i have a hyperlink button in a gridview defined like this
<a href="#" onclick="<%# String.Format("return showComment('{0}','{1}')", Replace(Eval("Field1").ToString(),Chr(13),"<BR>"), Replace(Eval("Field2").ToString(),Chr(13),"<BR>") ) %>">
<img src="../../Imgs/comment2.png" />
</a>
and the Function showComment is defined like this
function showComment(CommentPend,CommentCancel)
{
$("#btnclose").unbind();
$("#divPendComment").center();
$("#divPendComment").fadeIn('slow');
$("#txtcomment").val(CommentPend.toString().replace(/^[a-z0-9 ]$/i, ''));
$("#txtcommentCancel").val(CommentCancel.toString().replace(/^[a-z0-9 ]$/i, ''));
$("#btnclose").click(function (e)
{
$("#divPendComment").fadeOut('slow');
e.preventDefault();
});
return false;
}
now as you can see i am trying to get rid of the special characters like the carriage returns but still i get a a javascript error when this link is clicked
Uncaught SyntaxError: Unexpected token ILLEGAL
thanks
Vuyiswa Maseko,
Spoted in Daniweb-- Sorry to rant. I hate websites. They are just wierd. They don't behave like normal code.
C#/VB.NET/ASP.NET/SQL7/2000/2005/2008
http://www.vuyiswamaseko.com
vuyiswa[at]dotnetfunda.com
http://www.Dotnetfunda.com
|
|
|
|
|
It means you've committed a crime. Be prepared for arrest.
The difficult we do right away...
...the impossible takes slightly longer.
|
|
|
|
|
lol indeed a string with special characters is a crime , especially the carriage return 
Vuyiswa Maseko,
Spoted in Daniweb-- Sorry to rant. I hate websites. They are just wierd. They don't behave like normal code.
C#/VB.NET/ASP.NET/SQL7/2000/2005/2008
http://www.vuyiswamaseko.com
vuyiswa[at]dotnetfunda.com
http://www.Dotnetfunda.com
|
|
|
|
|
I am not 100% sure what you are trying to achieve, but replace(/^[a-z0-9 ]$/i, '') is probably not what you intended: It says "If the whole field consists of a single letter, digit or space then set it to an empty string; if it is not just a single letter, digit or space, keep the whole lot as seen". My guess is that you want all non-letter/digit/space chars to be blanked out. Try replace(/[^a-z0-9 ]/ig, '').
modified 28-Oct-11 8:03am.
|
|
|
|
|
Good Day All
i have a Jquery code defined like this
$(".cnt").focus(function()
{
if(this.value == this.defaultValue){
this.select();
}
});
and i am creating a textbox on fly and after creating it i bind data to it and after that i want to attach a focus event if there a value "0" on it
If cnt.Text = "0" Then
cnt.CssClass = "cnt"
End If
but still when i select a textbox that has "0" it does not select the whole content of the textbox. i went through a breakpoint and it goes through this line
cnt.CssClass = "cnt"
Thanks
Vuyiswa Maseko,
Spoted in Daniweb-- Sorry to rant. I hate websites. They are just wierd. They don't behave like normal code.
C#/VB.NET/ASP.NET/SQL7/2000/2005/2008
http://www.vuyiswamaseko.com
vuyiswa[at]dotnetfunda.com
http://www.Dotnetfunda.com
|
|
|
|
|
First check if the HTML DOM element that corresponds to the textbox has its class attribute set to "cnt". You can do this with FF FireBug for instance or IE Developer Tools. Then change your javascript code like below to see if this.select() would ever be hit at all:
if(this.value == this.defaultValue){
alert("Before this.select();");
this.select();
}
"With sufficient thrust, pigs fly just fine."
Ross Callon, The Twelve Networking Truths, RFC1925
|
|
|
|
|
it sounds like what you are trying to do is change the class of the control and then expect events to be fired for any control that is bound to that class.
what you are running into is a late binding issue with jQuery. when you bound the focus event jQuery only did it for the controls that had that class at the time of the binding.
three approaches:
1 - bind the focus event for that class each time you add or remove it. personally not the best approach (IMO).
2 - bind the focus event to the control type and then in the focus event test to see if the control has that CSS class associated with it.
3 - use .live[^] which is supposed to work around the late binding issue. I personally have not had a chance to use it but it was designed to handle this very thing.
best of luck
as if the facebook, twitter and message boards weren't enough - blogged
|
|
|
|
|
Thanks guys for the reply, to resolve this i applied this to all the textboxes like this
$(document).ready(function()
{
$("input:text").focus(function()
{
$(this).select();
}
);
});
Thanks
Vuyiswa Maseko,
Spoted in Daniweb-- Sorry to rant. I hate websites. They are just wierd. They don't behave like normal code.
C#/VB.NET/ASP.NET/SQL7/2000/2005/2008
http://www.vuyiswamaseko.com
vuyiswa[at]dotnetfunda.com
http://www.Dotnetfunda.com
|
|
|
|
|
Is it possible to change the size of entire website??
I am trying to do this to support users display resolution by changing size of my web page.
for e.g if resolution is 1280X1024, then width=100% and height =100%. This setting as it was made for this resolution.
if resolution is 1024X768, then width=90% and height=100%;
and other settings.
Is it possible to do it using javascript or any other language???
If yes then please post the code
Thank you for your help 
|
|
|
|
|
Yes, you can change the dimensions of an HTML element using JavaScript. It would go something like this:
document.getElementById("someDiv").style.width = "700px";
Here is an example of how I have done it with an image: http://aspdotnetdev.com/DevPortfolio/FullscreenImage.aspx?ImageID=10
That's a little different than setting the size of a DIV, for example, because I used the width/height property on the image rather than the width/height property on the style of the image. Still, that should give you a good idea of how to resize webpage elements when the window size changes.
Now, if you are talking about changing the size of each element on a page, that would be much tricker. For that, just rely on the user to adjust their zoom level when viewing webpages.
Somebody in an online forum wrote: INTJs never really joke. They make a point. The joke is just a gift wrapper.
|
|
|
|
|
|
I tried but it did not work 
I tried it in this way
<script type="text/javascript">
var ScreenWidth=screen.width;
var ScreenHeight=screen.height;
if(ScreenWidth=="1280"&&ScreenHeight=="1024")
{document.getElementById("body").style.width = "10%";
}
</script>
where I tried to apply it to the boy
and
<script type="text/javascript">
var ScreenWidth=screen.width;
var ScreenHeight=screen.height;
if(ScreenWidth=="1280"&&ScreenHeight=="1024")
{document.getElementById("outer").style.width = "10%";
}
</script>
Here body is the body and outer is the outermost wrapper div which I have
Plz help
|
|
|
|
|
really need to see the whole thing.
it could be various problems causing the problem. maybe another css dynamically updating the content or worse yet your code not running properly??
as if the facebook, twitter and message boards weren't enough - blogged
|
|
|
|
|
its extremely huge should I post everything including all the exisitng js?
|
|
|
|
|
maybe not.
what I would recommend instead then is breaking this up into its own example (but still full js and html) and working with it from there. I have found it best to isolate problems this way when the total solution has a lot of other "stuff" happening.
in debugging this my first assumption is that you javascript just isn't executing or isn't executing completely. after that I would assume that some sort of css rendering is interfering with what you are trying to do.
plus the other bonus in breaking it up into a small and complete solution is that you can post it back to a question forum when you have tried everything.
as if the facebook, twitter and message boards weren't enough - blogged
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
