[html, css, js] voor dummies #21

vrijdag 20 januari 2012 @ 09:25:23 #92

Apekoek

terrorhenk

quote:
Op vrijdag 20 januari 2012 08:48 schreef boem-dikkie het volgende:
Dan alsnog, waarom iframes?

Heb jij voor mij dan een alternatief zodat abonnees toch nog de achterkant van de website kunnen zien aan de voorkant? Aangezien ik de admin bar laat verdwijnen wil ik ze uberhaupt niet alleen maar aan de andere kant van de site laten.

vrijdag 20 januari 2012 @ 09:26:42 #93

Catch22-

Ben je Blind?!

Dat is aan alle kanten te omzeilen he? Als je met wordpress werkt moet je gewoon de rechten goed zetten.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

vrijdag 20 januari 2012 @ 09:34:01 #94

boem-dikkie

Jedi Mind Baby!

quote:
Op vrijdag 20 januari 2012 09:25 schreef Apekoek het volgende:

[..]

Heb jij voor mij dan een alternatief zodat abonnees toch nog de achterkant van de website kunnen zien aan de voorkant? Aangezien ik de admin bar laat verdwijnen wil ik ze uberhaupt niet alleen maar aan de andere kant van de site laten.

Met rechten werken?

Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.

vrijdag 20 januari 2012 @ 09:38:17 #95

Apekoek

terrorhenk

Beste mensen bedankt voor het mee denken! Echter Wordpress was al voor kinderen, maar het blijkt zelfs nog makkelijker te zijn met de Profile builder plugin, zo krijg ik precies de juiste fronted output die ik wil zonder domme iframes

vrijdag 20 januari 2012 @ 09:48:46 #96

Catch22-

Ben je Blind?!

Mooi. Als je denkt dat je een IFrame nodig hebt, denk je niet goed genoeg.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

dinsdag 24 januari 2012 @ 05:01:12 #97

Dawnbreaker

Space Cowboy

Wie kan mij helpen:

ik heb een container met daarin twee div's

div 1 = tekst

div 2 = foto

nu staat de tekst boven de foto, ik wil het iets veranderen en de tekst over de foto plaatsen met een 50% alpha achtergrond.

Die achtergrond enzo lukt wel, maar het lukt mij niet om de ene div over de andere te plaatsen, ik heb een aantal tutorials gelezen en uitgevoerd maar nog lukt het niet.

De css:

ledenbox is container

fotobox is foto

ledenboxtxt is de tekst

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

#ledenbox {
vertical-align: bottom;
float:left;
text-align:center;
background: #eee;
display:block;
height:72px;
width:78px;
margin:2px;
border:1px solid #ccc;
padding:0px;
}

#fotobox {
display: block;
width:76px;
height:70px;
background: #333;
}

#ledenboxtxt {
font-size:12px;
font-family:Arial;
}

hoe het nu uitziet:

hoe ik het wil (dit ff in paint gedaan dus hier geen alpha bg, maar dat boeit niet)

anyone?

<hr>

dinsdag 24 januari 2012 @ 05:14:45 #98

KomtTijd...

Waarom doe je ze niet gewoon nesten?

zcflevo.nl

dinsdag 24 januari 2012 @ 05:44:59 #99

Dawnbreaker

Space Cowboy

ze zijn toch nested, de html opbouw:

1
2
3
4
5
6
7
8
9
10
11
12
13
14

<div id="ledenbox">

ledenbox

<div id="fotobox">
foto hier

<div id="ledenboxtxt">
tekst hier bla bla
</div>

</div>

</div>

<hr>

dinsdag 24 januari 2012 @ 05:55:32 #100

PimD

Nee.

Position:relative op #fotobox (hoewel je hier geen ID wilt gebruiken lijkt me, aangezien het vast een component is wat op meerdere plekken in je pagina gaat terugkomen?). Position:absolute; Bottom:0; op je #ledenboxtxt.

Nee.

woensdag 25 januari 2012 @ 14:31:04 #101

Cue_

Cuecumbergirl

Vraagje, misschien dat jullie me qua denkwijze wat op weg kunnen helpen:

Ik heb een formulier, hierop is een dropdownmenu met een aantal problemen

1
2
3
4
5

    <td>Probleemtype </td>
    <td><select name="probleemtype" id="probleemtype">
         <? $problemen = $po->showProblemen($probleemid); ?>
    </select>
    </td>

Afhankelijk van de selectie moet hij een tweede dropdownmenu tonen met de oplossingen die eraan gekoppeld zijn. (problemen aparte tabel / oplossingen aparte tabel / en een koppeltabel)

Maar hoe kan ik het beste de waarde uitlezen om vervolgens op 1 of andere manier bij een php qry uit te komen en het resultaat hiervan weer in een dropmenu te zetten?

woensdag 25 januari 2012 @ 14:32:17 #102

#ANONIEM

Zet een handler op het onchange event van de dropdown.

woensdag 25 januari 2012 @ 14:56:07 #103

Cue_

Cuecumbergirl

quote:
Op woensdag 25 januari 2012 14:32 schreef Scorpie het volgende:
Zet een handler op het onchange event van de dropdown.

De waarde heb van het probleem. Nu dus nog het ophalen van de oplossingen die eraan zijn gekoppeld en die gegevens in een dropmenu gooien.

nog ideeen?

woensdag 25 januari 2012 @ 14:58:08 #104

#ANONIEM

quote:
Op woensdag 25 januari 2012 14:56 schreef Cue_ het volgende:

[..]

De waarde heb van het probleem. Nu dus nog het ophalen van de oplossingen die eraan zijn gekoppeld en die gegevens in een dropmenu gooien.

nog ideeen?

Ajax call dmv jQuery doen, vervolgens een content veld updaten met de waardes die je binnen krijgt en dan tonen?

woensdag 25 januari 2012 @ 15:03:00 #105

Cue_

Cuecumbergirl

quote:
Op woensdag 25 januari 2012 14:58 schreef Scorpie het volgende:

[..]

Ajax call dmv jQuery doen, vervolgens een content veld updaten met de waardes die je binnen krijgt en dan tonen?

ja zoiets inderdaad. maar heb je evt soort van voorbeelden hoe dat eruit zou zien de diverse calls enzo?

Want het globale plaatje snap ik nu.

En dat het ook daadwerkelijk zou moeten lukken

woensdag 25 januari 2012 @ 15:08:07 #106

Chandler

<? $problemen = $po->showProblemen($probleemid); ?>

moet dat niet

<?=$po->showProblemen($probleemid); ?>

zijn?

The people who lost my respect will never get a capital letter for their name again.
Like trump...

woensdag 25 januari 2012 @ 15:14:03 #107

picodealion

quote:
Op woensdag 25 januari 2012 15:08 schreef Chandler het volgende:
<? $problemen = $po->showProblemen($probleemid); ?>

moet dat niet

<?=$po->showProblemen($probleemid); ?>

zijn?

Het lijkt me dat showProblemen() een functie is die zelf al echo't, maar dat was de hele vraag natuurlijk niet

woensdag 25 januari 2012 @ 15:17:38 #108

Catch22-

Ben je Blind?!

Die moet je dan niet assignen aan een variabele, dat slaat nergens op.

1
2
3
4
5
6
7
8
9
10
11

<?php
$("#probleemtype").change(function() {
var probleemid = $("option:selected", this).val();
$.get("/getprobleembyid.php?pid=" + probleemid, function(data) {
$(data).each(function() {
$("#probleemkeuze").append($("<option />").text(data.titel).attr("value", data.id));
});
/* ofzo */
});
});
?>

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

woensdag 25 januari 2012 @ 15:20:59 #109

#ANONIEM

quote:
Op woensdag 25 januari 2012 15:03 schreef Cue_ het volgende:

[..]

ja zoiets inderdaad. maar heb je evt soort van voorbeelden hoe dat eruit zou zien de diverse calls enzo?

Want het globale plaatje snap ik nu. En dat het ook daadwerkelijk zou moeten lukken

1
2
3
4
5
6
7
8

<?php
<select id="first" onchange="javascript: bla("first");">
<option></option>
<option></option>
</select>

<select id="hiddenSelect" style="display: hidden;"></select>
?>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<?php
var bla = function(id){
  var selectedOption = $("#"+id+" option:selected");
  ({
    url: "test.html",
    context: document.body,
    success: function(data){
            // doe hier updaten van je hidden select
           $(data).each(function(){
              $("#hiddenSelect").append($("<option />").text(this.titel).attr("value", this.id));
           });
           $("#hiddenSelect").show();
    }
  });
}
?>

[ Bericht 4% gewijzigd door #ANONIEM op 25-01-2012 15:25:31 ]

woensdag 25 januari 2012 @ 15:21:48 #110

#ANONIEM

quote:
Op woensdag 25 januari 2012 15:17 schreef Catch22- het volgende:
Die moet je dan niet assignen aan een variabele, dat slaat nergens op.
[ code verwijderd ]

Ohja, die append is eigenlijk wel mooier. Alleen moet je wel even de loop nakijken

[ Bericht 11% gewijzigd door #ANONIEM op 25-01-2012 15:25:52 ]

woensdag 25 januari 2012 @ 15:49:37 #111

Cue_

Cuecumbergirl

Ik ga hier morgens eens mee aan de slag

Moet zeggen dat het nog een beetje abacadabra eruit ziet, maar wie weet kom ik ergens

woensdag 25 januari 2012 @ 15:50:35 #112

Catch22-

Ben je Blind?!

quote:
Op woensdag 25 januari 2012 15:21 schreef Scorpie het volgende:

[..]

Ohja, die append is eigenlijk wel mooier. Alleen moet je wel even de loop nakijken

Dit was halve pseudocode uit mijn mouw

Cue: je moet dus eerst de opties weghalen. Wat je ook kan doen, wat makkelijker is als je geen jQuery kan, is de select in je php opbouwen en die gewoon in je dom pleuren.

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

woensdag 25 januari 2012 @ 19:41:51 #113

#ANONIEM

Ik vraag het maar even in dit topic, omdat ik het gevoel heb dat het met HTML & JS gemaakt kan worden.

Ik wil het volgende:
De inhoud van drop-down lists weergeven in een text box. In dit geval zijn er vier drop-down lists. Ik wil dat elke optie in de drop-down lists een stukje HTML-code 'doorstuurt' naar de text box. Uiteindelijk krijg je dus vier geselecteerde keuzes, die allemaal een stukje HTML-code in de text box plaatsen, achter elkaar.

Stel, ik kies bij 1 voor 'Links', bij 2 voor 'Ja', bij 3 voor 'Nee' en bij 4 voor 'Rechts'. Ik wil dan het volgende zien verschijnen in de text box:

1	<img src="links.jpg" /><img src="ja.jpg" /><img src="nee.jpg" /><img src="rechts.jpg" />

Is zoiets mogelijk om te maken? Zo ja, waar moet ik dan naar zoeken?

[ Bericht 0% gewijzigd door #ANONIEM op 25-01-2012 19:42:30 ]

woensdag 25 januari 2012 @ 20:04:21 #114

picodealion

Kunnen de opties die in de dropdowns letterlijk in het tekstvak (al dan niet nadat er iets aan wordt toegevoegd)? Dus dat er in je voorbeeld 'links' of 'links.jpg' in de eerste dropdown staat, 'ja' of 'ja.jpg' in de tweede, etc?

Je kan het beste met een JavaScript library werken (dat maakt de code wel zo gemakkelijk), bijv jQuery. Wat je dan nodig hebt:

1. een event afvangen in javascript (namelijk het veranderen van de dropdown) die een functie afvuurt.
Bijvoorbeeld in jQuery, met al je dropdowns in een form met de id #dropdown:

1	$('#dropdown select').change(my_function());

Elke keer als er dan een dropdown verandert wordt die functie afgevoerd.

2. een functie die doet wat je wil. Ongetest voorbeeldje, waarbij elke input de class "selectx" heeft:

1
2
3
4
5
6
7
8
9
10
11
12
13

my_function(){
//waardes uit de dropdowns pakken
var option1 = $('.select1 option:selected');
var option2 = $('.select2 option:selected');
etc...

//inhoud van het veld opbouwen
var output = "<img src='" + option1 + ".jpg' /><img src='" + option2 + "' />";

//output naar het textvak sturen
$('#outputveld').attr('value', output);

}

Kan je hiermee verder? Het is ongetest, maar geeft in elk geval een idee van waar je heen moet.

[ Bericht 0% gewijzigd door picodealion op 25-01-2012 20:15:52 ]

donderdag 26 januari 2012 @ 01:02:16 #115

Catch22-

Ben je Blind?!

nog even. .value() achter de optionsselector doen en je bent er

Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?

donderdag 26 januari 2012 @ 14:14:58 #116

#ANONIEM

picodealion, je bent een held!

donderdag 26 januari 2012 @ 14:53:19 #117

picodealion

quote:
Op donderdag 26 januari 2012 01:02 schreef Catch22- het volgende:
nog even. .value() achter de optionsselector doen en je bent er

.text() in het geval van <option> elementen, en ik was vergeten 'function' voor de functienaam te zetten. We waren al per PM verder gegaan inmiddels

quote:
Op donderdag 26 januari 2012 14:14 schreef zarGon het volgende:
picodealion, je bent een held! .

zondag 29 januari 2012 @ 16:21:01 #118

Qunix

Ik heb een Javascript object:

1
2
3
4
5
6
7

var eenHeleGroteObject = {
    "valueNiveau1": {
        "valueNiveau2IsEenArrayMetObjecten": [
            { "key": "value" }, { "key2": "value2" }
        ]
    }
};

En ik heb een string "valueNiveau1"

1	var mijnString = "valueNiveau1";

Hoe kan ik de variabel mijnString gebruiken om in het object eenHeleGroteObject de Array te krijgen?

^{Zonder de variabel zou je kunnen doen: eenHeleGroteObject.valueNiveau1 wat dus een Array geeft.}

Ik heb ook eventueel jQuery, dus functies van jQuery kan ik ook gebruiken indien nodig.
Iemand een idee? Bvd.

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

» digital corner

» development

» digital corner

» development