Jump to content

Edscript

Member
  • Posts

    18
  • Joined

  • Last visited

Posts posted by Edscript

  1. I think what you are looking for is what we now call responsive web design. You add css in a media query to change the postion and size of elements. Do a Google search on responsive web design there is a lot of info out there on how to do it. Before you do you can check my site, link at bottom, and nav to the responsive page, home/readmore/here, drag the window to make it smaller to see if this is what you are looking for.

     

    I must say, your responsive design is simplistically genius, grabenair! I know its almost a year later (since this post was posted), but I had to tell you that I admire your effort. I have a thing for trying to keep the same webpage for all devices when possible, and kind of get off when I see a responsive page. But you did do a little cheating by having a separate 'responsive' layout for the smaller devices, but still, I would say you at least have covered ALL the devises (with maybe only the necessity of two CSS media style layouts.

     

    Just had to tell you because: 1. I am still a beginner nerd and I get off on simple things, and 2. You always seem to be going out of your way to try to help out, and although it seems you sometimes try to hard to help out, you seem to genuinely be trying to help out {nothing wrong with helping out to promote yourself, but sometimes that is the ONLY reason a person posts responses - makes it kind of weird, impersonal, and unintuitive ( no depth)}. Most people on this site do seem human, so I felt like complimenting those who persistently look to solve our problems, of which I think you are one of them.

     

     

     

     

     

  2. you can "Hide textfield blinking cursor" by calling blur function on focus event

     

    <input type="text" onfocus="this.blur()"/>

     

     

    I got this from a forum site like ours on this very issue so you are not alone with this nuisance.

    (the people who make WAMP)

    Check this suggestion page: stackoverflow dot com /questions/3671141/hide-textfield-blinking-cursor

     

    If this does not answer your delema I hope it is inspiring and informing enough for you to conquer it yourself. If all else did fail (which I am sure somewhere there is an answer) you could move your balloon away from being on top of your text field.

     

    Ed

    Being smart is not knowing all the answers but knowing where to get them

     

     

  3. I still am not sure. I went and played with your site and used Chrome and turned off all of your body rules in your css and I did not get a scroll bar until I got down to tablet size. Which was acutely smaller view port then with it, meaning I got the scroll bar quicker with the body css then without it. Although I did not have Andrea's problem.

     

    I do believe what you are trying to do with your site is making it responsive. If this is the case I think that if you used media queries you would have better luck and would have no scroll bars at any size. I could be wrong on this although.

     

    Also just for you know, not trying to argue just understand.

     

    You may be right about media queries being a better way to adjust for different systems, of which I am not familiar with at this point (being a newbee). But I want you to keep this in mind, many web designers think in terms of how it looks, but I am for-most about appealing to information hounds, I am thinking of the reader's experience before cosmetics. So with this in mind, although I was using the appearance of a horizontal scrollbar to make a point, my real goal was that the reader would not have to use it to distract them from the reading.

     

    So if the scroll bar 'appears' I don't care as long as they do not have to use it to read. So, although my min-width goes down to 800, my menu is 200px, so on a tablet size of 600px it is true that the reader would have to scroll to the right, which would take the side menu out of sight and bring the content of the page into view, but they would not have to side scroll to read sentences, keeping their focus uninterrupted for reading text.

     

    With this in mind you will understand my point was really not on the scroll bar, although I was using it as a potential indicator, but on controlling how spread out the text is for readability in most applications. If a person has a devise less than 600px wide they simply must use the scroll bar to read across a sentence, because I will sacrifice that small audiences comfortably than to have awkward sentences jumbling with the illustrations I use in the main page.

     

    With all that being said, if the user does not have to side scroll to read the sentences in my content then I have succeeded in what I was trying to accomplish, using the very simple technology of css min_width and max-width. [i really don't care if a horizontal scroll bar appears, just that one does not have to bother with it to read main content}. And, all I know is that in my browsers if I disable my body css rules the text does go wider than I want and will also squeeze down to nothing in my Firefox and Explorer browsers which use windows, so I guess that is why I am so unwavering in my point, I do not want this effect! Although I think the fluid layout is practical for this particular website layout.

  4. How new is new? Do you know basic html and css pretty good? If you do I think you will get something out of these discusions. But just a warning because I am pretty new too, if you don't know the basics you will kind of get lost in the discussions.

     

    And if you don't really have a handle on the basics, take the beginners video courses, you will learn pretty fast. I personally am taking (for the first time) the basic video course through the killersites university because they have question and answer tests, and mini scripting tests that make it fun - at least for me. I didn't think the killersite university would be that big of a deal, but I really like to take those little code tests. But of course the real learning is doing the code your self and practicing it in your browser!

     

    Anyway, be prepared to know the basics, because there are many here with totally different and various ways to possibly skin the same moose.

     

    Welcome

  5. Ok I tried this I put a border and a top and left margin on the above code. Here is what happened I did get a box 200px by 200px in the upper left viewport but the whole viewport was still red. And it did not matter if I resize the viewport after I put a margin on it to move it down and left.

     

     

    grabenair,

     

    I am so sorry if my point is not being understood sometimes it’s hard without a picture orvideo, but my point is that one could have a fluid layout that would (in my case) display between 800px and 1300px wide without the user having to deal with a horizontal (sideways) scroll bar to read text (until it goes below800px). This would make a little more reader friendly. You have a fixed widthset in your script, so you’re missing what I am trying to say.

     

    I am not trying to plug my website (although it is very heart and mind provoking) but since mywebsite is fluid and so you can see the direct results of my CSS code: go to mysteryfriendships dot com, and restore down, disable full screen, that islower your view port to one half the width size of your monitor screen (butleave the vertical as high as your monitor screen). Then put your mouse on one side of your view port until you see your mouse icon turn to a horizontal (across) double arrow; then hold down the left mouse button and drag the view port wider, and you will see the text flow until you reach the max-width in the ‘going bigger’ direction. Then if go into the other direction (smaller width) the text will flow until you reach the minimum, and from there the horizontal scrollbar will then appear and/or grow smaller, but the text will not squeeze down any lower because of the min-width; 800px in my css body element.

     

    You have your height and width fixed. For a fluid layout there has to be a min and maximum on the width. It would be good to see the effect of what I am doing so it might be made much clearer what my code, or what I wanted, the presented code to do. My argument is that with a fixed width in the code if one was to view the page on a devise that was only one third the size of the page, like maybe an ipod they wouldhave to deal with a horizontal scroll bar to read sentences, and then if one fixed the width to small it might not be pleasing to view on a full screen desktop. But of course there are situations when fixed is the only practical way to go, but if not, why not go fluid?

     

     

  6. So please, if somebody has any information about the validity of setting dimensions to the body tag, please enlighten me.

     

     

    Another way to see the actual body container is to put a border on it - then give it a min dimension and see what happens. No nerd theory will then be needed although there is an explanation (such as margin might compensate to fill a full view screen). It is true that the background color on the body will fill the screen, but not the border if there is a maximum, and a minimum will hold the body open when there is no other container (with set dimensions) inside, other wise the text can be squeezed down to one word on a line.

  7. I've done some more googling on this - it is and always has been my understanding that the body tag is the main container - it'll cover whatever you see on the monitor

     

     

    It is true at full size the webpage will automatically fill the screen (and you can limit the width of the content with the body - I actually did this on my website - its proof), but I think you are getting confused between the monitor and the webpage - Restore down your window - you can drag the body to whatever size you want.

  8. Re your CSS - since you're giving it the min and max width, isn't the 'auto' redundant?

     

    Also, since 'body' is all there is, how can you make it 'less than'? I'd think you'd apply the min/max to a container within the body?

     

     

    Well Andrea you may have got me on the "auto."

     

    When I constructed my css I was reading a pocket book on the subject, and the author of the book did this also. So I thought the reason he used auto was to keep the web page in the center of the screen, if it was presented on a very wide screen that went past the maximum. And since you have pointed this out I disabled the "width auto" (if you have Internet Explorer and hit the F12 key, the developer tools allow a person to turn off css attributes) , and sure enough you are right the "auto" is not necessary for my application and in my browser. But I am suspicious that it may not center in other browsers without the auto, because I think part of the function of the auto is to center the container. And to be honest with you I am thinking the guy who wrote the book I read (The CSS Pocket Guide) knows something I don't, although that is not necessarily true. He was using it for a container within the body.

     

    And far as your question, "how can you make it less than?" you can't as long as you give a minimum. Since my website is fluid and if you have a developer tool (such as in the IE uses check boxes to turn off single CSS attributes) that allows you to eliminate an attribute. Turn off the whole "body" attribute in the CSS sheet and you will see (if your screen is wider than 1300px) the whole page float left. And if you down size the browser window you can squeeze the body all the way down (sideways) to the side menu (side menu has a fixed dimension to hold the body open) and my main page (unless there is a image or box of fixed dimension inside) will squeeze down to nothing.

     

    Fluid layouts should have a min unless there is a fixed container on the inside that holds it open.

  9. . Should I make the width of the web page a fixed dimension like 700px etc..etc.. or make it 100 %? I'm working on a 15in. monitor and my boss is viewing it on a 17in. monitor. And apparently the browser or his pc does not display the page the same as it does on my mac. There is more blank space on the sides of his screen. And is there any rule to use to display the content the same on most computers and web browsers? I appreciate all who take the time to read my post and that can offer any suggestions. Thanks.

     

     

    Another way, if you like a fluid layout, is to style the width with maximum and minimum perimeters. Take a look at my website (i think you can even view the css) mysteryfriendship dot com .

     

    Then restore down the browser window (shrink the window from full size), then drag the window wider and then smaller - it fluid to a certian point. This is so if the screen is too wide the text won't follow the full size of the screen and be harder to read, and also I have a low limit so that the sentences will not squezz down to two or three words.

     

    The nice thing about this format is that it might be as comfortably read on small and big browsers before an across scroll bar might burden the viewer and it might look decent maybe even on a smart phone.

     

    To do this in my linked CSS page, I simply set the body attributes as of such:

     

    body {

    width: auto;

    min-width: 800px;

    max-width: 1300px;

    }

     

    I think you might like this type of configuration because it will center automatically.

  10. Activeworker dude;

     

    I am kind of new too, and the script you are questioning is a basic javascript to check to see if a person has submitted their name like in some kind of form box before being able to continue.

    And to cue you in to professional computer nerd terms (you either have to pick up some code books or do some of the video classes at killersites; they can be a little fun)

     

    a string is a bunch of chactors (like on your key board) strung together; usually letters and numbers. Any word or sentence is a string in the nerd world.

     

    I never heard of a parameter in the computer world, but I think you are referring to what nerds call a scope, which is usually in reference to variables that are available to a certain function. But if you are referring to what is between curly brackets that is the code that gets exicuted if conditions are met to fire off a function.

     

    When you see " () " parenthesis that signifies a function, and between the parentheses are the arguments that need to be satisfied before the code is exicuted in the curly brackets.

     

    I have to tell you that I also am not quite a professional nerd yet (but am working on it) but;

     

    I think null is when there is nothing (no string) and double quotes with a blank space represent blank space, and I think a space can be a part of a string.

    So the javascript code is attempting to say if the text field is not null (totally empty) and does not have a blank space (like maybe between two words) then say "hello...."

  11. If it's a helpful link to an outside resource, I doubt it will be zapped. The links that tend to get zapped are the ones that seem to be spam or obvious self promotion.

     

    Well I finally got the inspiration (grabenair inspired me to search a bit deeper) to seek out what might be missing to send mail with my WAMP server.

     

    And we will also see if this link gets zapped by the system, but this post seems to imply one does need a STMP server or mail client to go with tha WAMP. Its from w_w w stackoverflow dot com

     

    http://stackoverflow...erver-using-php

     

    If anyone knows of another way let me know! Anyway I am going to study these posts myself because I haven't really gotten into reading them yet.

     

    But thanks so much for the response, I am so in the dark with this stuff so far.

  12. I am taking the beginners php course and we (me and the video) are using the mail(); command or statement.

    I get an error on my WAMP (this is not a swear word or indescent part of ones body - its free server software),

    that it failed to connect to mail server, and that I should verify my STMP.

     

    Can a person change their STMP? How does one get to the STMP value (it does say finderhost not localhost if that is the problem);

    or do I need a mail plug in?

     

    Anyway for the classes I just print it to the screen but it would have been fun to email to my email.

     

    And yes I know I could use the mailto: atrribute in the form action attribute if I wanted to see the code in an email but that's not the point -

    I would like to test out the php scripting and functionality if not to complicated.

     

    I am totally green at this so pardon my ignorance, thanks

  13. Thanks grabenair,;

    sorry it took me so long to reply back, that site looks like they cover the java script functions.

     

    I guess it just that I am new to this and I am not used to the constant searching for nid bits of information, in the old days someone would have given a pretty complete composite in a book, but I guess times have changed and scripting evolves to fast to find it practical to list all functionality.

     

    Anyway, I so appreciate your response.

     

    Thanks!

    Ed

  14. I was wondering if there was a website or book that listed all the built in Java script functions, or even browser Dom properties?

     

    What I am saying is how do people learn of the built in's like new Array, onClick, if, else, whenever. other than learning it from word of mouth?

     

    I couldn't even seem to find the built in functions even on the W3S website, at least not all in one place {like a list of them}.

     

    Then there are all kinds of DOM objects with their properties, which I must say is somewhat clearly found at W3School, but it would be nice if there is a list with all of them named in one place. But I would really like to know if there is an official list of the built in Javascript functions and properties and event handlers all in one place, so that I could reference them from there. Why attempt to create a function especially if one already exists, and why accidentally use a reserved keyword in a custom function that could cause one to be committed for brain damage in a near by mental institution because they spent weeks trying to find logic in the logic of an error that seemed illogical?

     

    Nerds live a dangerous life which is probably why they are so stringent on defining terms, so they at least have an idea what hit them in the undefined world of script.

  15. @grabenair:

     

    Not quite true -- a for loop has an automatic break built in. In the code above, it should break after i is no longer less than products.length. (We're also dealing with Javascript here, not PHP.)

     

    @Ed4Words:

    When I run that code (and assuming I click on the header, obviously), the system prints out the four array items, then stops. As far as I can tell, it's working correctly. What is happening that makes you think the code is still running?

     

    Yeh, another strange thing - it does seem to work fine in my explorer 9 browser on my desktop, but the on running "connecting" message in the tab of the page is active in my Fire Fox browser on my laptop.

    Strange??!

    I always though of Monzilla as being javascript sensitive in there applications - that is they would be more prone to being bug free as far as running javascript.

     

    Or maybe I have been hacked :bash:

  16. @grabenair:

     

    Not quite true -- a for loop has an automatic break built in. In the code above, it should break after i is no longer less than products.length. (We're also dealing with Javascript here, not PHP.)

     

    @Ed4Words:

    When I run that code (and assuming I click on the header, obviously), the system prints out the four array items, then stops. As far as I can tell, it's working correctly. What is happening that makes you think the code is still running?

     

    In the tab on my browser there is a running circle with the tab to the web page reading "connecting" and it doesn't seem to stop.

     

    If I run the script in the body; then it loads with the page everything is normal, but of course the heading is over written.

    But if I call the function which I named "products_list()" from the head with an "onclick" in the heading title, then I get a "connecting" message in the tab of the webpage that never seems to stop, although the web page does display the array values correctly.

  17. When this code runs the browser running circle (in the tab display) never times out it just keeps running, why?

     

    <head>

    <script language="javascript" type="text/javascript">

     

    function products_list() {

     

    var products = new Array();

     

    products[0] = "hair spray";

    products[1] = "shoes";

    products[2] = "flowers";

    products[3] = "socks";

     

     

    for (var i = 0; i < products.length; i++)

    {

    document.write(products + "<br>");

    }

    }

     

    </script>

    </head>

     

    <body>

    <h3 onclick="products_list()"> -> Show List</h3>

    </body>

  18. You guys should have a fore runner go through your university class questions or tests - namely the actual code tests.

    Because on few occasions the questions are not complete or informative enough for an outsider to possibly get right.

     

    For example In the Beginners Javascript class in the Loops chapter Review test:

     

    It wasn't explained if a while loop or for loop was desired (and it seems that the test will only except one correct answer)

     

    and part of the question went something like this:

    "when i is less than 20 write "i" multiplied by "x"

     

    And the test required a value for "x" but no value was given (I did give the expression document.write(i*x); but it did not receive it).

     

    I love how you guys went to the effort for one to have a code test, but it seems the program is not flexible for more than one correct answer;

    so my suggestion is that you send a forerunner through the course to make sure all necessary information is in the question to at least have the possibility of giving a correct answer.

     

    Half the fun of your courses is if one might possibly achieve an "A" or a maximium score, and see if they can write an appropriate code as per instruction (as like practice to a boss).

    Anyway, just making you aware, so you might see how potential learners might get confused or frustrated (don't know why they can't get the answer right) - even though they might still get basics they might have slighted or view your university endeavors as unprofessional.

     

    I think the course tests are a great idea, just letting you know it could be tuned up or debugged to have a real satisfaction from a customer perspective.

×
×
  • Create New...