Show Hide text mix up, HTML codes mixing and counteracting uh I think |
Show Hide text mix up, HTML codes mixing and counteracting uh I think |
Christian J |
Jul 11 2014, 11:43 AM
Post
#21
|
. Group: WDG Moderators Posts: 9,661 Joined: 10-August 06 Member No.: 7 |
just for kicks is there a difference in javascript & java script Yes, Java and JavaScript are different languages. A Java script - a script written in Java. Not sure if that's correct terminology, maybe one should say Java Applet for client side Java and Java Servlet for server side Java? A javascript - a script written in JavaScript. Alas this forum adds a space when you type "javascript" followed by a colon (as a security measure to avoid code injections in posts), which adds to the confusion. See also http://en.wikipedia.org/wiki/JavaScript#Birth_at_Netscape http://en.wikipedia.org/wiki/JavaScript#JavaScript_and_Java |
CharlesEF |
Jul 11 2014, 11:46 AM
Post
#22
|
Programming Fanatic Group: Members Posts: 1,981 Joined: 27-April 13 From: Edinburg, Texas Member No.: 19,088 |
I'm confused as to what you really want. When I looked at your site yesterday I could click on 'EXPERIENCE LIST' and the information displayed would change back and forth. Today your site does not have that link anymore.
What are you trying to do? |
Christian J |
Jul 11 2014, 11:56 AM
Post
#23
|
. Group: WDG Moderators Posts: 9,661 Joined: 10-August 06 Member No.: 7 |
I want to continue using the editor as much as I can but with all these errors being made with out me screwing with it I don know if im hurting my self. I'm not familiar with that editor, but from the HTML code I've seen it doesn't seem very good. Maybe you can still use it if you're careful. QUOTE WHY CANT I FIND ANY OFFLINE EDITORS anymore Have you tried http://www.kompozer.net/ ? But if you know HTML it's better to code by hand in a text editor. In the long run it's better to learn real HTML than learn how an HTML editor works. |
BriZZell |
Jul 11 2014, 11:59 AM
Post
#24
|
Newbie Group: Members Posts: 17 Joined: 10-July 14 Member No.: 21,237 |
When you see the site it is overwhelming. If I put a page for everything that will boar he employer - both bad.
My idea is for all my long lists and things have it be like a "continue reading" like you see in long post on facebook. Having a title is fine. Employers have an idea of what they want to see. "Ah job titles I'll click that." and it just opens in the page. one list works (under BUSINESS link) but I need more. and those columns for Experience (now no longer labeled) ALSO don't forget each item you see experience skills etc is a piece of the page in this case the only HTML I work on is those two the rest is editor tooling If you will ./. AHHHHHHHHHHHH this library need a new keyboard |
CharlesEF |
Jul 11 2014, 04:10 PM
Post
#25
|
Programming Fanatic Group: Members Posts: 1,981 Joined: 27-April 13 From: Edinburg, Texas Member No.: 19,088 |
So, you want list 1 to be displayed with a 'read more' link at the bottom? And when you click the link you want list 2 to display while hiding the 'read more' link? What about list 1, do you want it displayed while list 2 id also displayed?
|
BriZZell |
Jul 11 2014, 05:41 PM
Post
#26
|
Newbie Group: Members Posts: 17 Joined: 10-July 14 Member No.: 21,237 |
So, you want list 1 to be displayed with a 'read more' link at the bottom? And when you click the link you want list 2 to display while hiding the 'read more' link? What about list 1, do you want it displayed while list 2 id also displayed? Before yes but it evolved into (because of the codes i found) i now want titles displayed as a link which expants the title into the list. Everypage has lists but this page also has coulumns and the codes change my fonts alot. Im shure you noted the odd font codes... or are those right? So i took the time to clean up the site till the codes work. The list on the business link looks great other than The fact it isnt something youd know to click - the last of my worries |
CharlesEF |
Jul 12 2014, 02:25 AM
Post
#27
|
Programming Fanatic Group: Members Posts: 1,981 Joined: 27-April 13 From: Edinburg, Texas Member No.: 19,088 |
I'm not going to address the HTML problems in your page, you should use a validator for that. I think the reason your div does not show up is because of the <font> tags and the extra <div>. As a test remove the 2 <font> and 1 </font> tags. After you remove the tags change these 2 lines of code:
CODE <a onclick="java script:ShowHide('HiddenDiv')"><h2 class="wsite-content-title" style="text-align:left;"><strong>TITLES HELD</strong></h2></a></p> to this 1 line of code:<div class="mid" id="HiddenDiv" style="display: none;"> CODE <h2 class="wsite-content-title" style="text-align: left; text-decoration: underline; cursor: pointer;" onclick="java script:ShowHide('HiddenDiv')"><strong>TITLES HELD</strong></h2> BTW, the <font> tags to remove are right below the 1 line of code I removed from the code sample above. The closing </font> tag is farther down, after the closing </div> tag and your closing </p> tag should be before the closing </div> tag. This post has been edited by CharlesEF: Jul 12 2014, 02:30 AM |
CharlesEF |
Jul 12 2014, 02:57 AM
Post
#28
|
Programming Fanatic Group: Members Posts: 1,981 Joined: 27-April 13 From: Edinburg, Texas Member No.: 19,088 |
I just noticed that you have more <font> tags you should remove. Change this:
CODE <p> to this:<font color="#ffffff"> <font face="Georgia "> • IT Manager CODE <p> • IT Manager This post has been edited by CharlesEF: Jul 12 2014, 02:59 AM |
BriZZell |
Jul 12 2014, 09:50 AM
Post
#29
|
Newbie Group: Members Posts: 17 Joined: 10-July 14 Member No.: 21,237 |
I'm not going to address the HTML problems in your page, you should use a validator for that. I think the reason your div does not show up is because of the <font> tags and the extra <div>. As a test remove the 2 <font> and 1 </font> tags. After you remove the tags change these 2 lines of code: CODE <a onclick="java script:ShowHide('HiddenDiv')"><h2 class="wsite-content-title" style="text-align:left;"><strong>TITLES HELD</strong></h2></a></p> to this 1 line of code:<div class="mid" id="HiddenDiv" style="display: none;"> CODE <h2 class="wsite-content-title" style="text-align: left; text-decoration: underline; cursor: pointer;" onclick="java script:ShowHide('HiddenDiv')"><strong>TITLES HELD</strong></h2> BTW, the <font> tags to remove are right below the 1 line of code I removed from the code sample above. The closing </font> tag is farther down, after the closing </div> tag and your closing </p> tag should be before the closing </div> tag. Ok taking only the font out gave me this - im at the library again so im guna try and nock all this out beleaving im getten this done before 3est pm here is a copy of the page with the unworking new code https://drive.google.com/file/d/0By2V6rcoHz...dit?usp=sharing list 1 EXPERIENCE LIST <p><a onclick="java script:ShowHide('HiddenDiv')"><h2 class="wsite-content-title" style="text-align:left;"><strong>EXPERIENCE LIST</strong></h2></a></p> <div class="mid" id="HiddenDiv" style="display: none;"> <p> <div><div class="wsite-multicol"><div class='wsite-multicol-table-wrap' style='margin:0 -0px'> <table class='wsite-multicol-table'> <tbody class='wsite-multicol-tbody'> <tr class='wsite-multicol-tr'> <td class='wsite-multicol-col' style='width:25.282016061674%;padding:0 0px'> <div class="paragraph" style="text-align:left;"> Marketing<br /> Market Analysis<br /> Brakes<br /> Materials Planning<br /> Budgeting<br /> Microsoft Word<br /> Carpentry<br /> Multiple Phone<br /> Custodial<br /> Power Point<br /> Acrobat<br /></div> </td> <td class='wsite-multicol-col' style='width:25.142336414925%;padding:0 0px'> <div class="paragraph" style="text-align:left;"> Internet/Web Development<br /> Inventory control<br /> Customer Service<br /> Interviewing<br /> Landscaping<br /> Ad Design<br /> Legal Logistics<br /> Planning<br /> Audio/Visual<br /> Engines (diesel/gasoline)<br /> Auto-body repair<br /> <span></span> <span style="line-height: 0; display: none;"></span><span style="line-height: 0; display: none;"></span><br /></div> </td> <td class='wsite-multicol-col' style='width:24.575647523401%;padding:0 0px'> <div class="paragraph" style="text-align:left;"> Computers<br /> Plumbing<br /> Data Entry<br /> Product Development<br /> Sales<br /> Payroll<br /> Public Relations<br /> Recruiting/Staffing<br /> Employee Relations<br /> Retail Open/Closing </div> </td> <td class='wsite-multicol-col' style='width:25%;padding:0 0px'> <div class="paragraph" style="text-align:left;"> Welding<br /> Excel (spreadsheets)<br /> Human Resources<br /> Financial Analysis<br /> Food Service<br /> Technical Writing<br /> Telemarketing<br /> General Accounting<br /> Typing<br /> Automotive Repair/Maintenance</div> </td> </p> <script type="text/javascript">// <![CDATA[ function ShowHide(divId) { if(document.getElementById(divId).style.display == 'none') { document.getElementById(divId).style.display='block'; } else { document.getElementById(divId).style.display = 'none'; } } // ]]></script> </p></p></a onclick="java script:ShowHide('HiddenDiv')"> </div><div class="wsite-multicol"></div class='wsite-multicol-table-wrap' style='margin:0 -0px'> </table class='wsite-multicol-table'> </tbody class='wsite-multicol-tbody'> </tr class='wsite-multicol-tr'> </td class='wsite-multicol-col' style='width:25.282016061674%;padding:0 0px'> </div class="paragraph" style="text-align:left;"> </td> </tr> </tbody> </table> </div></div></div> </div></div class="wsite-multicol"><div class='wsite-multicol-table-wrap' style='margin:0 -0px'> </table class='wsite-multicol-table'> </tbody class='wsite-multicol-tbody'> </tr class='wsite-multicol-tr'> </td class='wsite-multicol-col' style='width:75.524475524476%;padding:0 0px'> list 2 SKILLS <p><a onclick="java script:ShowHide('HiddenDiv')"><h2 class="wsite-content-title" style="text-align:left;"><strong> SKILLS </strong></h2></a></p> <div class="mid" id="HiddenDiv" style="display: none;"> <p> <p><a onclick="java script:ShowHide('HiddenDiv')">Show/Hide</a></p> <div class="mid" id="HiddenDiv" style="display: none;"> <p> • Music production experience in: sound, lighting, and stage<br /> <br /> • Management experience in multiple industries<br /> <br /> • Company reassessment and business development<br /> <br /> • Experience with public speaking and incoming /<br /> outgoing calls<br /> <br /> • Skilled with computers including: MS, Corel, BIOS, Linux, <br /> and HTML<br /> <br /> • Hard worker, quick learner, willing to travel<br /> <br /> • Detail oriented, mechanically and artistically inclined<br /> <br /> • Prepared product for shipping<br /> <br /> • Public Relations Repair<br /> <br /> • Made Site Supervisor within 8 months working in security.</div> </p></a onclick="java script:ShowHide('HiddenDiv')"> <script type="text/javascript">// <![CDATA[ function ShowHide(divId) { if(document.getElementById(divId).style.display == 'none') { document.getElementById(divId).style.display='block'; } else { document.getElementById(divId).style.display = 'none'; } } // ]]></script> |
BriZZell |
Jul 12 2014, 10:08 AM
Post
#30
|
Newbie Group: Members Posts: 17 Joined: 10-July 14 Member No.: 21,237 |
I'm not going to address the HTML problems in your page, you should use a validator for that. I think the reason your div does not show up is because of the <font> tags and the extra <div>. As a test remove the 2 <font> and 1 </font> tags. After you remove the tags change these 2 lines of code: CODE <a onclick="java script:ShowHide('HiddenDiv')"><h2 class="wsite-content-title" style="text-align:left;"><strong>TITLES HELD</strong></h2></a></p> to this 1 line of code:<div class="mid" id="HiddenDiv" style="display: none;"> CODE <h2 class="wsite-content-title" style="text-align: left; text-decoration: underline; cursor: pointer;" onclick="java script:ShowHide('HiddenDiv')"><strong>TITLES HELD</strong></h2> BTW, the <font> tags to remove are right below the 1 line of code I removed from the code sample above. The closing </font> tag is farther down, after the closing </div> tag and your closing </p> tag should be before the closing </div> tag. no go |
BriZZell |
Jul 12 2014, 10:14 AM
Post
#31
|
Newbie Group: Members Posts: 17 Joined: 10-July 14 Member No.: 21,237 |
I'm not going to address the HTML problems in your page, you should use a validator for that. I think the reason your div does not show up is because of the <font> tags and the extra <div>. As a test remove the 2 <font> and 1 </font> tags. After you remove the tags change these 2 lines of code: CODE <a onclick="java script:ShowHide('HiddenDiv')"><h2 class="wsite-content-title" style="text-align:left;"><strong>TITLES HELD</strong></h2></a></p> to this 1 line of code:<div class="mid" id="HiddenDiv" style="display: none;"> CODE <h2 class="wsite-content-title" style="text-align: left; text-decoration: underline; cursor: pointer;" onclick="java script:ShowHide('HiddenDiv')"><strong>TITLES HELD</strong></h2> BTW, the <font> tags to remove are right below the 1 line of code I removed from the code sample above. The closing </font> tag is farther down, after the closing </div> tag and your closing </p> tag should be before the closing </div> tag. no go and ive lost the IT Manager #$& |
BriZZell |
Jul 12 2014, 11:03 AM
Post
#32
|
Newbie Group: Members Posts: 17 Joined: 10-July 14 Member No.: 21,237 |
So I have a READ MORE thing on the Weebly blog page so I made up a "Skills" blog to get the code but it doesn't work. am I right in thinking its a mess to begin with?
<div class='blog-separator'> </div><div class='blog-content'><div class="paragraph" style="text-align:left;"><strong>SKILLS:</strong></div> <div> <!--BLOG_SUMMARY_END--></div> <div class="paragraph" style="text-align:left;"> • Music production experience in: sound, lighting, and <br /> stage<br /><br /> • Management experience in multiple industries<br /><br /> • Company reassessment and business development<br /><br /> • Experience with public speaking and incoming /<br /> outgoing calls<br /><br /> • Skilled with computers including: MS, Corel, BIOS, Linux,<br /> and HTML<br /><br /> • Hard worker, quick learner, willing to travel<br /><br /> • Detail oriented, mechanically and artistically inclined<br /><br /> • Prepared product for shipping<br /><br /> • Public Relations Repair<br /><br /> • Made Site Supervisor within 8 months working in security</div></div><div class='blog-social'><div class='blog-social-item'><a class='twitter-share-button' href='http://twitter.com/share?url=http%3A%2F%2Fthebrizzell.weebly.com%2F4%2Fpost%2F2014%2F07%2Fjuly-12th-2014.html' data-count='horizontal'></a></div><div class='blog-social-item blog-fb-like'><fb:like href='http://thebrizzell.weebly.com/4/post/2014/07/july-12th-2014.html' width='90' layout='button_count' action='like' show_faces='false' share='false'></fb:like></div><div style='clear:both'></div></div> <div class='blog-post-separator'> </div> |
CharlesEF |
Jul 12 2014, 11:10 AM
Post
#33
|
Programming Fanatic Group: Members Posts: 1,981 Joined: 27-April 13 From: Edinburg, Texas Member No.: 19,088 |
I must say that if that code is generated by Weebly then it is the worst I've ever seen, you would be better off doing it by hand. I have re-written (and validated) your 2 list page and attached it here. Use it as a guide.
test1.htm ( 3.95k ) Number of downloads: 377 |
BriZZell |
Jul 12 2014, 12:02 PM
Post
#34
|
Newbie Group: Members Posts: 17 Joined: 10-July 14 Member No.: 21,237 |
awesome looking dude thanks uhmmmmmmm ok. ill actually try this in the site before hitting post - smart hahahah
Ok looks just exept the jumping to the top of the page thing. Can I get rid of that? Reminds me of when I wrote pages with Correll Word Perfect - every line recoded Well I love it and am starting to implement on other pages successfully.... Now what do you think of the site? |
CharlesEF |
Jul 12 2014, 12:34 PM
Post
#35
|
Programming Fanatic Group: Members Posts: 1,981 Joined: 27-April 13 From: Edinburg, Texas Member No.: 19,088 |
Looks better when things work as they should. As for the jumping, you can fix this by adding the div id to the href part of the <a> tags (remember there are 2 <a> tags for each list). Example, change this:
CODE <a href="#" onclick="java script:ShowHide('HiddenDiv')"> to this:and <a href="#" onclick="java script:ShowHide('HiddenDiv2')"> CODE <a href="#HiddenDiv" onclick="java script:ShowHide('HiddenDiv')"> and <a href="#HiddenDiv2" onclick="java script:ShowHide('HiddenDiv2')"> Also, remember javascript is 1 word, this board splits it into 2 words. This post has been edited by CharlesEF: Jul 12 2014, 12:37 PM |
CharlesEF |
Jul 12 2014, 01:22 PM
Post
#36
|
Programming Fanatic Group: Members Posts: 1,981 Joined: 27-April 13 From: Edinburg, Texas Member No.: 19,088 |
I also see that you added the text 'click to expand list' next to each list title. The reason it does not show as a link is because of an entry in the 'main_style.css' file. If you want it to show as a link then open that CSS file and find the 'a {' section and remove the 'text_decoration: none;' line. If you do this then it might affect other <a> links that you really do not want to show as a link. The choice is yours.
|
Lo-Fi Version | Time is now: 27th April 2024 - 11:54 AM |