[html, css, js] Waar dummies nóg meer iniatief gaan tonen! ;) #25

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue
pi_110332343
Hallon,



De CSS de ik nu heb staan is:
1
2
3
4
5		img.topicoptions {
float: left;
margin-top: 3px;
padding: 0px 1px;
}

Hoe los ik dit op?
pi_110333904
1
2
3
4		.pagesholder > div {
  left: -***px; 
  top: ***px;
}
beetje schuiven tot het goed staat

[ Bericht 0% gewijzigd door KomtTijd... op 14-04-2012 23:49:56 ]
zcflevo.nl
pi_110334992
quote:
14s.gif Op zaterdag 14 april 2012 23:42 schreef KomtTijd... het volgende:

[ code verwijderd ]

beetje schuiven tot het goed staat
Werkt deels. Er is een soort van "barriere" een paar pixels links van de "stop volgen" button. (Bij margin-left)
pi_110340740
quote:
2s.gif Op zondag 15 april 2012 00:08 schreef DrNick het volgende:

[..]

Werkt deels. Er is een soort van "barriere" een paar pixels links van de "stop volgen" button. (Bij margin-left)
Hoe is je css nu dan?
fokstok.nl
pi_110346445
hallo,

weet iemand hoe ik tekst in een box kan opslaan (als een .txt of word bestand) als ik op Save Note druk?

Ik zie hier: http://www.galasoft.ch/myjavascript/CExplorer/index.html
dat het kan met behulp van javascript maar dit werkt alleen in IE zo te lezen. Is er een algemeen werkende versie waar ik ook kan kiezen waar ik het bestand opsla? als ik de naam of richting weet kan ik het uitzoeken :P



[ Bericht 16% gewijzigd door killfrenzy op 15-04-2012 13:05:48 ]
And remember, respect is everything!
pi_110347331
quote:
2s.gif Op zondag 15 april 2012 11:18 schreef DrNick het volgende:

[..]

http://i.fokzine.net/templates/forum2009/usercss/5/332405.css ;)
Lekkere chaos.
Verder is dit niet echt handig:
1
2
3		.pagesholder > div {
    margin-right: 8px !important;
}
Die div heeft namelijk een inline style "position:absolute;top:-3px". Als je die naast de volgen/stop volgen knoppen wilt plaatsen, zul je met die positie aan de slag moeten.
1
2
3
4		.pagesholder > div {
    top: 20px !important;
    left: 120px;
}
Misschien moeten die getallen een beetje anders, daar moet je zelf maar mee spelen.
fokstok.nl
pi_110347738
quote:
0s.gif Op zondag 15 april 2012 13:28 schreef Light het volgende:

[..]

Lekkere chaos.
Verder is dit niet echt handig:
[ code verwijderd ]

Die div heeft namelijk een inline style "position:absolute;top:-3px". Als je die naast de volgen/stop volgen knoppen wilt plaatsen, zul je met die positie aan de slag moeten.
[ code verwijderd ]

Misschien moeten die getallen een beetje anders, daar moet je zelf maar mee spelen.
Dat doet niets, ik blijf die barriere houden.
pi_110347832
Top lukt me wel, maar links/rechts verschuiven niet. :?
pi_110348554
quote:
2s.gif Op zondag 15 april 2012 13:43 schreef DrNick het volgende:
Top lukt me wel, maar links/rechts verschuiven niet. :?
Da's vaag. Hier werkt het wel, iig als ik in Firebug met die css regels ga spelen. Overigens zonder de rest van je css, dus misschien dat daar nog iets in zit dat de boel verstoort. Je kunt nog proberen om "left: 120px !important;" te gebruiken. Als dat niet helpt, moet je uitzoeken wat er blokkeert. En eens kijken wat er gebeurt als je een css neemt met alleen de regels voor het verplaatsen van die icons.
fokstok.nl
  zondag 15 april 2012 @ 14:09:11 #61
12221 Tijn
Powered by MS Paint
pi_110348688
quote:
0s.gif Op zondag 15 april 2012 13:00 schreef killfrenzy het volgende:

weet iemand hoe ik tekst in een box kan opslaan (als een .txt of word bestand) als ik op Save Note druk?
Ik zou het serverside doen. Met PHP bijvoorbeeld zoiets:

notitie_opslaan.php:
1
2
3
4
5
6
7
8
9		<?php
if($_SERVER['REQUEST_METHOD'] == 'POST')
{
    header('Content-Type: text/plain');
    header('Content-Length: '.strlen($_POST['notitie']));
    header('Content-Disposition: attachment;filename="notitie.txt"');
    die($_POST['notitie']);
}
?>

Ik ga er vanuit dat je HTML er ongeveer zo uitziet:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15		<!DOCTYPE html>
<html>
    <head>
        <title>Notitie opslaan</title>
    </head>
    <body>
        <form method="post" action="notitie_opslaan.php">
            <fieldset>
                <legend>Notitie opslaan</legend>
                <textarea name="notitie"></textarea>
            </fieldset>
            <button type="submit">opslaan</button>
        </form>
    </body>
</html>
Verberg de nieuwsticker
pi_110349139
quote:
0s.gif Op zondag 15 april 2012 14:05 schreef Light het volgende:

[..]

Da's vaag. Hier werkt het wel, iig als ik in Firebug met die css regels ga spelen. Overigens zonder de rest van je css, dus misschien dat daar nog iets in zit dat de boel verstoort. Je kunt nog proberen om "left: 120px !important;" te gebruiken. Als dat niet helpt, moet je uitzoeken wat er blokkeert. En eens kijken wat er gebeurt als je een css neemt met alleen de regels voor het verplaatsen van die icons.
Jeps, !important deed het. Bedankt ^O^
pi_110349595
!important :')
Bleuh.
pi_110350575
quote:
0s.gif Op zondag 15 april 2012 14:32 schreef PimD het volgende:
!important :')
Wat is daarmee? :')
  zondag 15 april 2012 @ 15:01:10 #65
12221 Tijn
Powered by MS Paint
pi_110350858
quote:
2s.gif Op zondag 15 april 2012 14:55 schreef DrNick het volgende:

[..]

Wat is daarmee? :')
Nou, het is nogal een last resort en geeft eigenlijk aan dat je CSS een beetje een puinhoop is :+
Verberg de nieuwsticker
pi_110350909
quote:
10s.gif Op zondag 15 april 2012 15:01 schreef Tijn het volgende:

[..]

Nou, het is nogal een last resort en geeft eigenlijk aan dat je CSS een beetje een puinhoop is :+
Joh, als je tegen de CSS van FOK! aan zit te werken...
zcflevo.nl
pi_110351278
quote:
10s.gif Op zondag 15 april 2012 15:01 schreef Tijn het volgende:

[..]

Nou, het is nogal een last resort en geeft eigenlijk aan dat je CSS een beetje een puinhoop is :+
Gelukkig is het niet mijn css ;)
fokstok.nl
pi_110351409
quote:
14s.gif Op zondag 15 april 2012 14:09 schreef Tijn het volgende:

[..]

Ik zou het serverside doen. Met PHP bijvoorbeeld zoiets:

notitie_opslaan.php:
[ code verwijderd ]

Ik ga er vanuit dat je HTML er ongeveer zo uitziet:
[ code verwijderd ]

Top, werkt uitstekend!

Ik ben momenteel bezig met een ander functie. Namelijk dat de tekst in een vakje bij "Save Note" opgeslagen wordt in een server zonder dat de pagina herlaad en dat een ingelogde (Google) gebruiker bij een volgend bezoek deze gelijk weer ziet.

1
2
3
4
5
6
7
8
9
10
11
12
13
14		function showNotesBox() {
        $this->tag = "<div id='notes'>";
        $this->tag .= "<h2 id='title'>Notities</h2>";
        $this->tag .= "<form action='' method='post'>";
        $this->tag .= "<textarea rows='20' cols='50'></textarea><br />";
        if (isset($SESSION['status'])) {
            $this->tag .= "<a href='index.php?page=save'><input id='savenote' class='button' type='button' value='Save note   ' /></a>";
            $this->tag .= "<a href='index.php?page=share'><input id='postnote' class='button' type='button' value='Share with' /></a>";
            $this->tag .= "<a href='index.php?page=help'><input id='savecommunity' class='button' type='button' value='Help the community!' /></a>";
        } else {
            $this->tag .= "<a href='index.php?page=save'><input id='savenote' class='button' type='button' disabled='disabled' value='Save note' /></a>";
            $this->tag .= "<a href='index.php?page=share'><input id='savenote' class='button' type='button' disabled='disabled' value='Share with' /></a>";
            $this->tag .= "<a href='index.php?page=help'><input id='savecommunity' class='button' type='button' disabled='disabled' value='Help the community!' /></a>";
        }

Dat zou ik dus met AJAX moeten doen maar heb nog geen idee hoe. Ik heb alvast ids meegegeven aan de buttons.

1
2
3
4
5
6		$.ajax({
  url: "test.html",
  context: document.body
}).done(function() { 
  $(this).addClass("done");
});

1
2		 $('#savenote').click(function() {
}

Kan ik hier wat mee of doe ik maar wat?
And remember, respect is everything!
pi_110351416
quote:
0s.gif Op zondag 15 april 2012 15:11 schreef Light het volgende:

[..]

Gelukkig is het niet mijn css ;)
Mag ik de jouwe eens zien?
pi_110351469
quote:
2s.gif Op zondag 15 april 2012 15:14 schreef DrNick het volgende:

[..]

Mag ik de jouwe eens zien?
Ik heb geen custom css.
fokstok.nl
  zondag 15 april 2012 @ 15:15:46 #71
230788 n8n
Pragmatisch
pi_110351487
quote:
14s.gif Op zondag 15 april 2012 15:02 schreef KomtTijd... het volgende:

[..]

Joh, als je tegen de CSS van FOK! aan zit te werken...
exact ;( treurnis
“Specialization is for insects”.—Robert Heinlein
pi_110353504
quote:
2s.gif Op zondag 15 april 2012 15:14 schreef DrNick het volgende:

[..]

Mag ik de jouwe eens zien?
1
2
3
4
5
6
7
8
9		.pagesholder {
    display: block;
    left: 470px;
    line-height: 5px;
    position: absolute;
    text-align: right;
    top: 25px;
    width: 350px;
}

Ziet er goed uit in FF kan niet zien in andere browsers. :P
Redacted
pi_110355420
quote:
0s.gif Op zaterdag 14 april 2012 21:29 schreef MrNiles het volgende:
jQuery n00b-vraagje

ik heb diverse buttons
[ code verwijderd ]

nu verdwijnt met de click op de button de bijbehorende class
[ code verwijderd ]

maar ik wil het eigenlijk net anders om
alle classes moeten verdwijnen behalve die aangeklikt wordt...
Heb je dit al opgelost? :P

Dit is een manier, je kan ook de class veranderen door .CSS een attribuut te veranderen.
en dan bij THIS het terug het te tonen. :).
1
2
3
4
5
6
7
8		$('.example_class').click(function() {
//alles verbergen.
  $('.example_class').hide('slow', function() {
    alert('Animation complete.');
  });
//toon de ene die je hebt aangeklikt.
 $(This).show();
});


[ Bericht 16% gewijzigd door cablegunmaster op 15-04-2012 16:47:29 ]
Redacted
pi_110358042
Hmm ik ben een stukje verder denk ik.

Ik heb dus nu:

SPOILER
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
En dan kan ik dus dit gebruiken :

1
2
3		$('savenote').click(function() {
      
});'

Met een functie van AJAX:

1
2
3
4
5
6
7
8		$.post('toolkit/saveNote.php', {
     movie_id : movie_id,
     user_id : user_id,
     note : note
},
function(output) {
     $('confirmID').html.text(output);
}'

Om ervoor te zorgen dat de notities (showNotesbox) opgeslagen worden op de server. Het lukt mij alleen niet helemaal, ik krijg foutmeldingen.
And remember, respect is everything!
pi_110361441
jQuery vraagje

ik heb diverse buttons
1
2
3		<button onclick="toggleByClass('sectie1');">bla1</button>
<button onclick="toggleByClass('sectie12');">bla2</button>
<button onclick="toggleByClass('sectie13');">bla3</button>

nu verdwijnt met de click op de button de bijbehorende classes
1
2
3		function toggleByClass(className) {
    $("."+className).toggle("slow");
}

maar ik wil het eigenlijk net anders om
ik wil graag dat alle classes van de button verdwijnen behalve die aangeklikt wordt...

kan ik bij hide() classes toewijzen waar het voor geldt?
zoiets?
$("td").hide('.sectie1.sectie2.sectie3');
actieve topics nieuwe topics
abonnement Unibet Coolblue
[html, css, js] Waar dummies nóg meer iniatief gaan tonen! ;) #25
Index

» digital corner

» development

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')