Ja, en dan? Dan submit je een lege form. Dat moet je niet willen. Wat probeer je te doen webbyplus? Ik vermoed dat je een design fout maakt.quote:
Weet ik ook niet, zou het ook niet doen maar de vraag was of het kan, nou dat kan wel.quote:Op vrijdag 15 juni 2012 14:47 schreef Scorpie het volgende:
Daarnaast, waarom zou je in hemelsnaam een form auto submitten? Het hele punt van een form is dat het een invoerhulp is. Valt weinig in te voeren bij een auto submit he.
Daarom zeg ik altijd nee als mensen stiekem iets willen doen dat bad practice is. Werkt beter dan die hele discussie aanzwengelen over een design fout die 2 stappen ervoor is gemaakt.quote:Op vrijdag 15 juni 2012 14:50 schreef boem-dikkie het volgende:
[..]
Weet ik ook niet, zou het ook niet doen maar de vraag was of het kan, nou dat kan wel.
Ajax call dus. Niks form submittal.quote:Op vrijdag 15 juni 2012 14:51 schreef webbyplus het volgende:
Vanuit mijn programmeer omgeving (delphi) moet ik waarden posten naar een bepaalde website. Helaas ondersteund delphi niet helemaal wat ik wil, dus zoek ik naar een alternatief. Op het form staan de velden al (hidden) vooringevuld.
Zeker, het is in de praktijk dan ook geen groot bezwaar. Maar het zou natuurlijk mooi zijn dat alles wat je maakt ook werkt zonder clientside scripting.quote:Op maandag 18 juni 2012 12:41 schreef Catch22- het volgende:
uhm ja... Maar de meeste mobiele devices hebben gewoon javascript natuurlijk.
Reageer eens op je DM ofzo.quote:Op maandag 18 juni 2012 12:41 schreef Catch22- het volgende:
uhm ja... Maar de meeste mobiele devices hebben gewoon javascript natuurlijk.
Het zou ook op papier moeten werkenquote:Op maandag 18 juni 2012 13:25 schreef Tijn het volgende:
[..]
Zeker, het is in de praktijk dan ook geen groot bezwaar. Maar het zou natuurlijk mooi zijn dat alles wat je maakt ook werkt zonder clientside scripting.
ja het zou ook mooi zijn als Kate Upton mij als haar vriend wouquote:Op maandag 18 juni 2012 13:25 schreef Tijn het volgende:
[..]
Zeker, het is in de praktijk dan ook geen groot bezwaar. Maar het zou natuurlijk mooi zijn dat alles wat je maakt ook werkt zonder clientside scripting.
1 2 3 4 5 6 7 | function add(tekst) { document.getElementById('textarea').value = document.getElementById('textarea').value + tekst; document.getElementById('textarea').focus(); } |
Na even testen blijkt het aan de enters te liggen. Zodra er een enter in de tekst staat doet 'ie het niet meer.quote:
width in % in plaats van px ?quote:Op donderdag 5 juli 2012 00:22 schreef Treces het volgende:
Zoals je ziet heb ik nu aan de rechterkant een witruimte.
[ afbeelding ]
Het liefst wil ik dat ie precies uitrekent hoe breed een afbeelding moet zijn wil ik dat kunnen voorkomen.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 | function drawline(div1, div2, color, thickness) { var off1 = getOffset(div1); var off2 = getOffset(div2); // bottom right var x1 = off1.left + (off1.width / 2); var y1 = off1.top + (off1.height / 2); // top right var x2 = off2.left + (off2.width / 2); var y2 = off2.top + (off2.height / 2) // distance var length = Math.sqrt(((x2-x1) * (x2-x1)) + ((y2-y1) * (y2-y1))); // center var cx = ((x1 + x2) / 2) - (length / 2); var cy = ((y1 + y2) / 2) - (thickness / 2); // angle var angle = Math.atan2((y1-y2),(x1-x2))*(180/Math.PI); var angle_because_ie8_is_incompatible_garbage_radians = Math.atan2((y1-y2),(x1-x2)); // make hr var htmlLine = "<div style='padding:0px; margin:0px; height:" + thickness + "px; background-color:" + color + "; line-height:1px; position:absolute; left:" + cx + "px; top:" + cy + "px; width:" + length + "px; -moz-transform:rotate(" + angle + "deg); -webkit-transform:rotate(" + angle + "deg); -o-transform:rotate(" + angle + "deg); -ms-transform:rotate(" + angle + "deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=" + angle_because_ie8_is_incompatible_garbage_radians + "); transform:rotate(" + angle + "deg);' />"; document.body.innerHTML += htmlLine; } function getOffset( el ) { var _x = 0; var _y = 0; var _w = el.offsetWidth|0; var _h = el.offsetHeight|0; while( el && !isNaN( el.offsetLeft ) && !isNaN( el.offsetTop ) ) { _x += el.offsetLeft - el.scrollLeft; _y += el.offsetTop - el.scrollTop; el = el.offsetParent; } return { top: _y, left: _x, width: _w, height: _h }; } |
1 | drawline($('.player[data-playerid=52]'), $('.player[data-playerid=54]'), '#000', '3'); |
Geenenkele, maar de lijn die er moet komen komt er niet. Nouja, hij komt er wel, maar:quote:
1 | <div style="padding:0px; margin:0px; height:3px; background-color:#000; line-height:1px; position:absolute; left:0px; top:-1.5px; width:0px; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0); transform:rotate(0deg);"></div> |
1 2 3 4 | body { background-image: url(images/bg.png), url(images/bgtop.png); background-repeat: repeat, repeat-x; } |
1 2 3 4 | body { background: url(images/bg.png) top left repeat-x, url(images/bgtop.png) top left no-repeat; } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 | <header> <div id="logo"> <div id="logo_text"> <!-- class="logo_colour", allows you to change the colour of the text --> <h1><a href="index.html"><span class="logo_colour">Sterling imitations</span></a></h1> <h2>And contemporary forgeries</h2> </div> </div> <nav> <ul class="sf-menu" id="nav"> <li><a href="index.html">Home</a></li> <li class="selected"><a>My Collection</a> <ul> <li><a>Short Cross Sterlings</a> <ul> <li><a href="shortcrosssterlings.html#continental">Continental Imitations</a></li> <li><a href="shortcrosssterlings.html#contemporary">Contemporary Forgeries</a></li> </ul> <li><a>Voided Long Cross Sterlings</a> <ul> <li><a href="voidedlongcrosssterlings.html#continental">Continental Imitations</a></li> <li><a href="voidedlongcrosssterlings.html#contemporary">Contemporary Forgeries</a></li> </ul> </li> <li><a>Edwardian Sterlings</a> <ul> <li><a href="edwardiansterlings.html#continental">Continental Imitations</a></li> <li><a href="edwardiansterlings.html#contemporary">Contemporary Forgeries</a></li> </ul> <li><a>Related Imitations</a> <ul> <li><a href="relatedimitations.html">Jetons, Unknown, ...</a></li> </ul> </ul> </li> <li><a href="information.html">Information</a></li> <li><a href="articles.html">Articles</a></li> <li><a href="updates.html">Updates</a></li> <li><a href="contact.php">Contact</a></li> </ul> </nav> </header> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 | /* Configuration of menu width */ html body ul.sf-menu ul,html body ul.sf-menu ul li { width: 200px; } html body ul.sf-menu ul ul { margin: 0 0 0 200px; } /* Framework for proper showing/hiding/positioning */ ul.sf-menu,ul.sf-menu * { margin: 0; padding: 0; } ul.sf-menu { display: block; position: relative; } ul.sf-menu li { display: block; list-style: none; float: left; position: relative; } ul.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } ul.sf-menu a { display: block; position: relative; } ul.sf-menu ul { position: absolute; left: 0; width: 150px; top: auto; left: -999999px; } ul.sf-menu ul a { zoom: 1; /* IE6/7 fix */ } ul.sf-menu ul li { float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */ width: 150px; } ul.sf-menu ul ul { top: 0; margin: 0 0 0 150px; } ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul, ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul, ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul, ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul { left: auto; } ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul, ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul, ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul, ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul { left: -999999px; } /* Theming the menu */ ul#nav { float: right; } ul#nav ul { background: #09D4FF; margin-top: 5px; padding-bottom: 15px; } ul#nav li a { padding:7px 0px 6px 15px; font: 170% 'Yanone Kaffeesatz', arial, sans-serif; text-shadow: 1px 1px #000; text-decoration: none; color: #FFF; margin-right: 2px; } ul#nav li a:hover, ul#nav li a:focus, ul#nav li.selected a, ul#nav li.selected a:hover, ul#nav li.selected a:focus { color: #09D4FF; text-shadow: none; } ul#nav ul li a { color: #FFF; text-shadow: none; } ul#nav ul li a:hover { color: #222; margin-right: 2px; } |
1 2 3 | .blue{ background-color: #09D4FF; } |
De vraag is wat je ermee wilt bereiken? Waarom zou je hiervan niet 1 plaatje maken?quote:Op donderdag 12 juli 2012 14:50 schreef Snoepje5 het volgende:
Wat is het risico van het gebruiken van twee achtergronden, is die er of kan dit foutloos?
[ code verwijderd ]
Dan moet je de code backtracen en kijken waar het fout gaat. voeg waar je denkt dat het fout gaat een alert(variabel naam); toe waarmee je echo't wat je eruit krijgt. Zodat je voor jezelf weet wat je eruit moet krijgen.quote:Op zaterdag 7 juli 2012 10:39 schreef Dalando het volgende:
[..]
Geenenkele, maar de lijn die er moet komen komt er niet. Nouja, hij komt er wel, maar:
[ code verwijderd ]
Niet op de juiste positie.
Ik heb bijvoorbeeld een 'balk' aan de bovenkant van de website, repeat-x.quote:Op vrijdag 13 juli 2012 06:27 schreef cablegunmaster het volgende:
[..]
De vraag is wat je ermee wilt bereiken? Waarom zou je hiervan niet 1 plaatje maken?
Klinkt logisch!quote:Op vrijdag 13 juli 2012 06:20 schreef cablegunmaster het volgende:
Wat je nodig hebt is background-color: ipv color dat lost je probleem wel op.
Dit topic is toch voor dummies?quote:klinkt alsof je niet zo heel veel snapt van websites aanpassen als ik zo de pagina doorlees.
Enorm bedankt voor je uitleg, ik ga er vanavond eventjes mee stoeien.quote:Voeg bij elke <ul> tag een class toe. (welke je een blauwe achtergrond wil geven.)
Dan ziet het er zo uit: <ul class='blue'>
voeg onderstaande code aan je CSS toe en vervolgens is je website aangepast.
Dit zou je achtergrond van je menu blauw laten kleuren.
Ik zal me inderdaad weer eens wat gaan inlezen, want er is toch wel eea veranderd tov 15 jaar geleden. Zeker dat hele CSS gebeuren is nieuw voor me.quote:Best simpel knullig probleempje trouwens. ik raad je aan om je meer in CSS en html te verdiepen. Of een eigen begin van een website te maken.
Ik ben erachter, de selector werkt op een een of andere manier niet? Toch is de div er wel, ik weet het zeker...quote:Op vrijdag 13 juli 2012 06:29 schreef cablegunmaster het volgende:
[..]
Dan moet je de code backtracen en kijken waar het fout gaat. voeg waar je denkt dat het fout gaat een alert(variabel naam); toe waarmee je echo't wat je eruit krijgt. Zodat je voor jezelf weet wat je eruit moet krijgen.
Snap namelijk ook niet wat je met het script probeert te bereiken.
Welke site gaat dit om? want als ik dit zo lees: $('.player[data-playerid=52]') is dit dan een div? o.0quote:Op vrijdag 13 juli 2012 11:13 schreef Dalando het volgende:
[..]
Ik ben erachter, de selector werkt op een een of andere manier niet? Toch is de div er wel, ik weet het zeker...
Ja maar we gaan er wel van uit dat je er de nodige tijd insteekt!quote:Op vrijdag 13 juli 2012 10:32 schreef Sheep666 het volgende:
[..]
Klinkt logisch!
[..]
Dit topic is toch voor dummies?
[..]
Enorm bedankt voor je uitleg, ik ga er vanavond eventjes mee stoeien.
[..]
Ik zal me inderdaad weer eens wat gaan inlezen, want er is toch wel eea veranderd tov 15 jaar geleden. Zeker dat hele CSS gebeuren is nieuw voor me.
Heb inderdaad zitten twijfelen tussen opnieuw beginnen of een template pakken, maar met 2 kleine kids heb ik al zo weinig tijd dus maar voor een template gekozen. Ik maak het me verder ook niet moeilijker dan nodig is, gewoon verder simpel wat tekst en plaatjes. Clean & simple, hou niet zo van 100 kleurtjes en knipperende lampjes.
Nogmaals dank en ik meld me nog dat het gelukt is (uitgaan van het positieve)!
Oh nee, ik bedoel een DIV met een de class player en diezelfde div moet ook als data-playerid "52" hebbenquote:Op vrijdag 13 juli 2012 11:17 schreef cablegunmaster het volgende:
[..]
Welke site gaat dit om? want als ik dit zo lees: $('.player[data-playerid=52]') is dit dan een div? o.0
Volgens jou logica zou er een div moeten bestaan met een class="player[data-playerid=52]"
verander dat dan evenquote:Op vrijdag 13 juli 2012 11:22 schreef Dalando het volgende:
[..]
Oh nee, ik bedoel een DIV met een de class player en diezelfde div moet ook als data-playerid "52" hebben
Weer iemand die dingen zit te googlen en daarna hoopt dat iemand anders uitlegt wat het doet -_-;;quote:
Snap ik, maar had er echt al wel wat uurtjes mee zitten klooien en kwam er niet uit. Leer liever wat bij dan klakkeloos hulp inschakel, hou er ook niet van als anderen dat doen bij dingen waar ik dan weer heel veel vanaf weetquote:Op vrijdag 13 juli 2012 11:21 schreef cablegunmaster het volgende:
[..]
Ja maar we gaan er wel van uit dat je er de nodige tijd insteekt!
Bij leest en bijleert. we zijn geen "Fix het wel even voor je " topic
Als je bij wilt leren raad ik je deze site aan: http://www.w3schools.com/css/default.asp Vaak genoeg gebruik ik dit als referentie mocht ik iets niet meer weten.quote:Op vrijdag 13 juli 2012 11:53 schreef Sheep666 het volgende:
[..]
Snap ik, maar had er echt al wel wat uurtjes mee zitten klooien en kwam er niet uit. Leer liever wat bij dan klakkeloos hulp inschakel, hou er ook niet van als anderen dat doen bij dingen waar ik dan weer heel veel vanaf weetDe links in de openingspost staan hoog op de lijst om door te spitten in elk geval.
True thatquote:Op vrijdag 13 juli 2012 13:14 schreef Catch22- het volgende:
nou, voordat hij daartegenaan loopt is hij wel even onderweg
Wel een paar links naar goede sitesquote:Op vrijdag 13 juli 2012 13:13 schreef Scorpie het volgende:
Hou dan ook even http://w3fools.com/ in het achterhoofd
Dat ik daar nog nooit ben achter gekomen dat dat kan.. Thnx!quote:Op vrijdag 13 juli 2012 15:56 schreef Catch22- het volgende:
rechtermuisklik op het element > inspecteren
1 2 3 4 5 6 | #content_left{ float: left; padding-top: 12px; width: 190px; margin-right: 10px; border-top: 5px solid #000000; } |
Ja nee serieus, ik dacht echt dat ik die had gebruikt en dat het niet werktequote:
quote:Op vrijdag 13 juli 2012 06:20 schreef cablegunmaster het volgende:
Wat je nodig hebt is background-color: ipv color dat lost je probleem wel op.
klinkt alsof je niet zo heel veel snapt van websites aanpassen als ik zo de pagina doorlees.
Voeg bij elke <ul> tag een class toe. (welke je een blauwe achtergrond wil geven.)
Dan ziet het er zo uit: <ul class='blue'>
voeg onderstaande code aan je CSS toe en vervolgens is je website aangepast.
[ code verwijderd ]
Dit zou je achtergrond van je menu blauw laten kleuren.
Best simpel knullig probleempje trouwens. ik raad je aan om je meer in CSS en html te verdiepen. Of een eigen begin van een website te maken.
quote:Op vrijdag 13 juli 2012 22:55 schreef Sheep666 het volgende:
[..]het lukt niet...
Maar nu ik het teruglees, dit was het probleem ook niet, de achtergrond bleef ook netjes blauw maar zodra ik class=selected gebruik, dan is de hele tekst van het menu niet meer te lezen, de tekst daar is ook blauw (zie plaatje 1 vs plaatje 2):
[ afbeelding ]
[ afbeelding ]
Dit heeft toch niets met de background color te maken? Het lijkt wel of die hele tekst daar dan selected wordt
1 | <li class="selected"><a>My Collection</a> |
1 | <li><a class="selected">My Collection</a> |
1 2 3 4 | ul#nav li a:hover, ul#nav li a:focus, ul#nav li.selected a, ul#nav li.selected a:hover, ul#nav li.selected a:focus { color: #09D4FF; text-shadow: none; } |
1 | ul#nav li.selected a |
1 | <li class="selected"><a>My Collection</a> |
1 2 3 | li a.selected { color: #hexcodediejewil; } |
1 2 3 | <li class="selected"><a>My Collection</a></li> Veranderen in <li><a class="selected">My Collection<a/></li> |
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |