Jump to content

khanahk

Member
  • Posts

    53
  • Joined

  • Last visited

Everything posted by khanahk

  1. I am curious as to why all the words in forum topics are auto-capitalized after posting

    1. khanahk

      khanahk

      *some* topics..

    2. administrator

      administrator

      Not sure. Ever since we updated the forum ...we've had a few new features I am not aware of.

  2. I just found a method that needs no JS! HTML: <td class="ht">Send reminders? <span class="tooltip">this is the tooltip alshdgwh gahfguo wfhg fghwoug wugw hgrwuog hwaur guoarwhg rwu</span> </td> CSS (in THIS order to hide the tooltip originally): .ht:hover .tooltip { display:block; } .tooltip { display: none; background: #C8C8C8; border: 1px solid #000; border-radius: 4px; margin-left: 28px; padding: 10px; position: absolute; z-index: 1000; width:200px; height:100px; } Incredibly lightweight and workable!
  3. Hi Ben. Good to see you're still around and helping folks. It's very appreciated. I just tried your suggestion and got the same result. I attached 2 images to clarify. First before hovering, then after hovering. The tooltip appears, but it is within the <td> element and makes the table bigger. I want it to appear above the table and not change the DOM flow at all, but still be relative to it's parent. You know, like all tooltips do normally. Like when you hover over an <a> with a title="here's a tooltip" attribute. Edit: changed the second image to make it more obvious
  4. I want my tooltip element (the <span>) to appear above everything on the page but still relative to its parent element (the <td>). JS to show/hide the <span>: window.AETid = "AE"; function tooltip(tid) { console.log('run the tooltip...id: '+tid); document.getElementById(tid).style.display="block"; } function hideTooltip(tid) { document.getElementById(tid).style.display="none"; } HTML: <td onmouseover="tooltip(window.AETid);" onmouseout="hideTooltip(window.AETid);"> Send reminders? <span class="tooltip" id="AE">this is the tooltip</span> </td> CSS for .tooltip: .tooltip { color: #ff0000; display: none; z-index: 100; position: relative; right:0px; bottom: 0px; } Currently, the tooltip appears as expected when I hover over the <td>, but it appears within the <td> element, thus changing the size of the <td> and thus the <tr> and thus the <table>. I want the tooltip to appear, well, like tooltips to: above and not effecting the rest of the page. z-index doesn't seem to do it alone in my case... All help is greatly appreciated
  5. Granted, quick fixes are generally a no-no. But if you already have a large mess of CSS rules and other-folks' code and you haven't got the time to overhaul the site's design then it can be better for simplicity's sake... especially when editing a site that you didn't create originally! Therein lies the "get the job done right, the first time" philosophy. Haste makes waste.
  6. Floating the flags should indeed do that (not interfere with the page layout flow). But I even removed the flags <div> altogether, and the gap is still there for me. Ah. The problem seems to be on #slider. Try this #slider { min-height: 200px; margin-top: 0px; position: relative; bottom: 28px; }
  7. ul.qtrans_language_chooser { clear: both; position: absolute; top: 95px; right: 175px; } does the job. Not sure if absolute positioning is something you want to go for though
  8. Guten Tag Jan - ich spreche Englisch aber ich lerne Deutsch jetzt. Du arbeitest noch, mit 15 Jahre? Using a text editor like Notepad++ (it's free!) will show you pretty clearly when a "{" closes with a respective "}" and helps greatly in locating these kinds of errors ahead of time.
  9. A consideration: "Recent Topics" should be a clickable link that renders a page with more than the 5 most recent ones.

    1. falkencreative

      falkencreative

      That's what the "Today's Active Topics" link in the main navigation is for.

    2. khanahk
  10. Has anyone tried to do this? Is it plausible? Any text-editor or FTP client apps you know of? Anything helps. Thanks guys, Khanahk
  11. Making a website 'visible on the web' is as easy as uploading your code files to the Host FTP, and getting a domain name. Your host should be able to tell you how to access your FTP and which folder you should put your files in. Usually the folder is public_html or something similar. Making a website 'findable' is a whole other matter and if you wish to learn more about optimizing search results for your site you should look up SEO (Search Engine Optimization). There are many things you can do inside and outside of your code that improve a site's 'publicity' in that way
  12. For one, died( should be die( That may be it.
  13. 500 error usually occurs because you have an .htaccess file that has improper 'Directives', from my experience. Try removing the .htaccess file from your root directory and see what happens. This file is often hidden and in many FTP clients you will need to change an option to view hidden files. Or, make sure you are using a .php extension for all files that contain PHP code. Most servers don't read PHP code in a .html file by default although you can configure them like that.
  14. The below is jQuery, a library that allows for easier JavaScripting... if you include a <script type="text/javascript" src="your_jquery_file.js></script> after downloading the jQuery library (jquery.com) and saving it as your_jquery_file.js, you can use: <script type="text/javascript"> $('#the_link').click(function() // assigns an 'on click' event to the <a> with id 'the_link' { $(this).id = 'content_to700js'; // changes that id to 'content_to700js' }); </script>
  15. The moment I've always waited for... Yes, in the soon to be released Windows 8 OS (down with Mac!...down with Mac!) and Windows Phone 8 development environments, one can use HTML, CSS, and JS to make an app. (Not C# and XAML -- although, of course, you still can use these). Web developers around the world jump with glee. This is wonderful. http://thenextweb.com/dd/2011/06/02/windows-8-apps-to-be-built-in-html-javascript/
  16. Sounds like, possibly, you mis-named your index file to be index.html.txt or something similar? With those Apache directives it should be solid. Do you have 2 index.html's?
  17. Things I've learned... -Charge by the job ($1000+ is fair indeed for a modest site, if you are a skilled individual), not by the hour. 2 hours spent fixing a ridiculous IE bug isn't something the client really cares to know about or pay hourly for. -Do use a contract, outlying exactly what functionality the client will get with the site (Because later they will ask for more, and they ought to pay for it). If it is not in the contract, it is not part of the deal. -Do your job well (a given? Perhaps). Write code that will be good for future editing. -It's alright to take a small hit sometimes for the sake of customer satisfaction (especially when you didn't cover the bases), with things like "Look man, tell ya what... I'll give this one to ya." -Consider offering 'maintenance plans' -- monthly payment for sustained support and added functionality (particularly for stuff like e-commerce, blogs, forums... -Give the client ideas. Inform them. There are things that non-web-folks don't even know would be really great to have in their site. Or conversely, things that are utterly horrible to have in their site (FLASH!). Mention things freely and often. They will often like the ideas and pay you to do them.
  18. First -- You need to enclose all JavaScript and jQuery in <script> tags; and you also need to include the jQuery library in your page if you intend to use it (looks like that's the case). The fact that $ is undefined indicates your code does not have jQuery properly put in. If you've already done that, try if ($('#formID').click()) { return true; } within and at the beginning your onbeforeunload function.
  19. Here goes a public commendation for Ben's hard work and overall friendly demeanor. You are appreciated.

  20. I see. I have run into the 'filesize too large' error when importing some CSV's and will keep this in mind if and when I come to it again. Thanks for your post
  21. If you use phpMyAdmin there is an 'Import' button where you can import a CSV, XLS, etc. that phpMyAdmin will convert to an SQL table for you
  22. Student loans ARE evil, as are tuition costs. Skill IS what is truly and fundamentally valuable. Totally man. Good stuff.
  23. khanahk

    ternary operator

    The syntax return ($n == 0) ? $m: run($n, $m % $n); means... If $n is 0, return $m; If not, return run($n, $m % $n) and is identical in functionality to this: if ($n==0) return $m; else return run($n, $m % $n); So if $n is 0 the function runs and spits out $m. If $n is not 0 the function will run AGAIN but this time using the remainder of $m / $n for argument $n..
  24. Hello, After a bit of tweaking I was able to figure it out. It's quite fun. Here's a basic script for a sidebar that rolls out onto the webpage when the user loads the page. Enjoy. Make sure jQuery is loaded to jquery.js in the same directory (or edit the <script> tag appropriately) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" language="javascript"> function scrollIn() { $('.sidebar').animate( { opacity: 1, right: '+=300', }, 1500, function(){} ); } </script> <title>Scroll in</title> <style type="text/css"> body { overflow-x: hidden; //disable horizontal scroll } .sidebar { position: absolute; right: -300px; top: 40px; text-align: left; background-color: #BBB; border-style: solid; border-color: #FF0000; border-width: 2px 0px 2px 2px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; padding: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #000; opacity: 0; width: 200px; } </style> </head> <body onload="scrollIn()"> <div class="sidebar"> Greetings friends <br /> How goes it? <br /> I would like this to scroll in from the right.. </div> </body> </html>
×
×
  • Create New...